google-chrome - 您如何测试/调试 Chrome 扩展程序的事件/背景页面？

Question

我有一个包含以下文件的扩展：content.js、background.js、manifest.json、mystyles.css、jquery-2.0.3.js 和 icon.png。

我可以通过 Chrome 调试工具通过“源”选项卡和“内容脚本”选项卡在 content.js 文件中设置断点。我的问题是我找不到对“background.js”文件的引用，所以我可以在其中设置一个断点。有人可以告诉我我忽略了什么或做错了什么吗？

参考：

• 我在YouTube 上观看了 Chrome 调试视频。
• 我已阅读Chrome 调试教程。

Answer 1

如果您打开一个新选项卡并转到 chrome://extensions，您将看到已安装插件的列表，包括您自己的。在您的插件旁边，将有一个指向“检查视图”的链接，指向 background.html 页面或在您的情况下生成的页面。这将在 Chrome 中启动一个新的调试窗口，允许您浏览到您的 background.js 文件并设置断点（通过单击行号）！