如何使用代码注入调试Chrome扩展示例？

Question

也许这个问题有点像菜鸟风格,但我不明白这个JavaScript的东西.我的问题:如何调试以下chrome扩展示例的注入代码 ？文件popup.js执行send_links.js(这是注入的文件,如果我理解这是正确的).我想调试send_links.js.我无法设置任何断点,因为我无法在Chrome的开发者工具中看到send_links.js.我尝试了命令"debugger;" 在send_links.js但它不起作用."的console.log("等等");" 命令也被忽略.

谢谢!

Answer 1

debugger如果在按操作按钮之前打开当前选项卡的开发人员工具,该关键字将起作用.

此外,如果您希望脚本显示其名称,请在以下位置添加以下行send_links.js:

//@ sourceURL=send_links.js

然后,该脚本将显示在当前选项卡的"开发人员工具"的"内容脚本"选项卡中.在那里你可以设置断点等.但是,在按下按钮之前,您需要始终打开选项卡的开发人员工具.

Answer 2

我猜这是因为您在选项卡上打开调试器工具，而不是在扩展上打开。右键单击您的扩展程序的图标，然后选择“检查”弹出菜单项。您可以在此页面上找到更多信息http://developer.chrome.com/extensions/tut_debugging.html