关于调试 chrome 扩展答案

【问题标题】：About debugging chrome extension关于调试 chrome 扩展
【发布时间】：2012-04-15 18:31:53
【问题描述】：

我正在通过示例学习 chrome 扩展。这是我目前学习的例子：http://www.chrome-extensions.net/extensions/mappy/

此示例项目中有三个 JavaScript 文件：background.js mappy_content_script.js popup.js。

“mappy_content_script.js”显示在开发者工具的脚本选项卡的组合框中。
如果我右键单击扩展图标并选择“检查弹出窗口”，可以找到“popup.js”。

问题是我无法调试“background.js”或在开发者工具中找到它。我尝试插入“调试器；”在这个 JavaScript 文件中。我还尝试使用分析工具来记录脚本执行。但是，当我单击“background.js”的链接时，会出现一个空白页面。

这是 chrome 的错误还是我错过了什么？谢谢

【问题讨论】：

【解决方案1】：

background.js 在后台加载。要检查它，请访问chrome://extensions，找到加载的扩展程序，然后“检查活动视图”以获取后台脚本。

下面是 chrome 扩展页面的截图。单击链接background page 可打开此扩展程序的背景页面。

编辑 2020

这是查看内容脚本和调试的方法，

【讨论】：

【解决方案2】：

现在您必须安装 Chrome 扩展程序才能检查页面的视图，特别是 Develop and Debug Chrome Apps & Extensions

【讨论】：