javascript - Chrome 扩展程序内容脚本无法加载，并且没有错误。没有任何。连一点儿都没有

Question

对于我来说，愚蠢地放错方括号/大括号并导致整个内容脚本无法加载的情况并不罕见。当这种情况发生时，任何地方都没有错误 - 控制台是空的。使用 content.js 直接 chrome 扩展和 crossrider 的 extension.js(也在 chrome 中)会发生这种情况。意识到结果后，我知道我的文件中的某个地方是错误的，但手动查找它只是一种迟钝的愚蠢的调试方式。我发现缩小问题范围的唯一方法是......

1. 创建一个临时 html 文件，直接包含内容脚本，等待显示甜蜜的行号。

2. 将文件上传到 crossrider 的 Web 界面，并让其 JS 解析器向我显示有错误的行。

以上速度慢且麻烦，需要用霰弹枪在棚子后面取出。

我可以在哪里让 chrome 告诉我 1. 内容脚本有问题，以及 2. 是哪一行，甚至只是哪种类型的括号我失踪了？

Answer 1

在内容脚本中，在脚本开头添加行 debugger;。错误消息打印在注入(inject)脚本的网页的 JavaScript 控制台上。因此，如果您的内容脚本在 abcd.html 上运行，请打开 abcd.html，然后打开此页面的 Javascript 控制台。然后触发运行内容脚本的任何内容 - 单击按钮等。

编辑:如果您的脚本要在 background.html 上运行，那么要捕获脚本中的解析错误，

1. 在 Chrome 中打开“扩展程序”页面。
2. 确保开发者模式已启用。
3. 加载解压的扩展程序。
4. 点击 Chrome 扩展程序页面左侧的箭头即可展开您的扩展程序。
5. 点击此处提供的 background.html 链接。
6. 页面打开。如果内容脚本中有错误，则会在控制台中显示错误消息和行号，并且无法打开 background.html 页面。