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

Question

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

如果我转到Page> Developer，则禁用“Debug 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中点击“开发人员” - >“Javascript控制台”。 然后单击“脚本”选项卡。 之后，您应该看到所有已加载脚本的下方列表。 您将看到当前页面的脚本以及已安装的任何扩展的所有脚本。 （如果在打开控制台后没有看到列出的任何脚本，则可能需要刷新）

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

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

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