Google Chrome Javascript调试程序和内容脚本

Question

此问题之前也有类似问题,但我似乎无法在Google Chrome中调试Javascript.

如果我转到Page> Developer,则禁用"Debug Javascript"(Ctrl+ Shift+ L). Alt+ `不起作用.

我正在开发一个'内容脚本'扩展,所以我正在启动chrome --enable-extensions.

我理想的做法是设置断点并在执行时逐步/运行我的脚本.谈到JavaScript,我有点头脑,所以任何指导都表示赞赏.

我可以访问"JavaScript控制台",但无法在其中找到内容脚本.我也不确定它与"JavaScript调试器"的区别.

我在Windows XP上使用最新的Dev build of Chrome(2.0.181.1).

Answer 1

将以下命令放在脚本中:

debugger;

当它到达那一点时,它将启动Javascript调试器

Answer 2

这些答案似乎都已过时,因为这在谷歌排名很高,这里是最新的答案:

在Chrome中按下CTRL+SHIFT+i以显示开发人员工具.

选择'来源'

单击允许您从脚本中进行选择的小箭头

然后选择"内容脚本"

然后,您需要知道扩展程序的ID(可从chrome manage extensions页面获取)以获取脚本并正常调试它们.

Answer 3

右键单击并选择Inspect Element,在那里你会找到JS调试器,以及其他调试工具.JS调试器应该允许你设置断点等.