Google Chrome Javascriptdebugging器和内容脚本

这个问题之前也有类似的问题,但我似乎无法在Google Chrome中debuggingJavascript。

如果我转到Page> Developer,则“debuggingJavascript”( Ctrl + Shift + L )被禁用。 Alt + `不起作用。

我正在开发一个“内容脚本”的扩展,所以我使用--enable-extensions启动chrome。

我最想做的事情就是设置断点并在执行时通过脚本执行/执行。 当谈到JavaScript时,我有些茫然,所以任何指导都是值得赞赏的。

我可以进入“JavaScript控制台”,但无法find其中的内容脚本。 我也不确定这与“JavaScriptdebugging器”有什么不同。

我在Windows XP上使用最新的Chrome版本(2.0.181.1)。

这些答案似乎都过时了,因为这是在谷歌排名高居不下,这是最新的答案:

在Chrome中按下CTRL+SHIFT+i来调出开发者工具。

select“来源”

点击允许您从脚本中select的小箭头 在这里输入图像说明

然后select“内容脚本”

在这里输入图像说明

然后,您需要知道您的扩展的id(可从chromepipe理扩展页面获得)以获取脚本并正常进行debugging。

把下面的命令放到你的脚本中:

 debugger; 

这将启动Javascriptdebugging器,当它到达这一点

右键单击并selectInspect Element,在那里你会发现JSdebugging器,以及其他debugging工具。 JSdebugging器应该允许你设置断点等

你需要做的是启用你的扩展,然后在Chrome中点击“开发者” – >“Javascript控制台”。 然后点击“脚本”标签。 之后,你应该看到所有加载的脚本下方的列表。 您将看到当前页面的脚本以及您安装的所有扩展的所有脚本。 (如果打开控制台后没有看到任何脚本,则可能需要刷新)

似乎所有Chrome扩展程序都被分配了唯一的ID。 您可以通过在开发者模式下查看Chrome扩展页面find您的ID。

然后,只需要在脚本的下拉菜单中search脚本即可。 select你的脚本,你可以设置断点等

有关Chrome开发工具的更多信息,请访问: http : //www.chromium.org/devtools