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

Question

此问题同样被问到before，但我似乎无法在Google Chrome中调试Javascript。

如果我去Page＆gt;开发人员禁用“调试Javascript”（ Ctrl + Shift + L ）。 Alt + `不起作用。

我正在开发一个'内容脚本'扩展程序，因此我正在使用--enable-extensions启动chrome。

我理想的做法是设置断点并在执行时逐步/运行我的脚本。在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调试器应该允许你设置断点等。

Answer 4

您需要做的是启用您的扩展程序，然后在Chrome中点击“开发者” - ＆gt; “Javascript控制台”。然后单击“脚本”选项卡。之后，您应该看到所有已加载脚本的下方列表。您将看到当前页面的脚本以及已安装的任何扩展的所有脚本。 （如果在打开控制台后没有看到列出的任何脚本，则可能需要刷新）

似乎所有Chrome扩展程序都会分配一个唯一的ID。您可以在开发者模式下查看Chrome扩展程序页面来查找您的ID。

然后，只需在脚本的下拉列表中搜索脚本即可。选择你的脚本，你可以设置断点等。

这里有关于Chrome开发工具的更多信息： http://www.chromium.org/devtools