44

这个问题之前也有人问过类似的问题，但我似乎无法在 Google Chrome 中调试 Javascript。

如果我转到页面 > 开发人员，则“调试 Javascript”（Ctrl++ Shift）L被禁用。 Alt+`不起作用。

我正在开发一个“内容脚本”扩展，所以我正在使用--enable-extensions.

我最想做的是设置断点并在我的脚本执行时单步执行/运行。当谈到 JavaScript 时，我有点不知所措，所以任何指导都值得赞赏。

我可以进入“JavaScript 控制台”，但在其中找不到内容脚本。我也不确定这与“JavaScript 调试器”有何不同。

我在 Windows XP 上使用最新的 Chrome 开发版本（2.0.181.1）。

4

4 回答 4

48

将以下命令放入您的脚本中：

debugger;

这将在到达该点时启动 Javascript 调试器

于 2010-10-13T10:39:41.197 回答
46

这些答案似乎都已经过时了，因为这在谷歌中排名很高，所以这是最新的答案：

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

选择“来源”

单击允许您从脚本中进行选择的小箭头 在此处输入图像描述

然后选择“内容脚本”

在此处输入图像描述

然后，您需要知道您的扩展程序的 ID（可从 chrome 管理扩展程序页面获得）才能访问您的脚本并正常调试它们。

于 2014-02-12T17:15:53.093 回答
8

右键单击并选择 Inspect Element，您将在其中找到 JS 调试器以及其他调试工具。JS 调试器应该允许您设置断点等。

于 2009-05-21T23:36:58.113 回答
3

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

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

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

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

于 2010-07-02T06:17:17.203 回答