如何在 Google Chrome 中启动 JavaScript 调试器？

IT技术 javascript google-chrome debugging google-chrome-devtools
2021-02-05 18:12:06

使用谷歌浏览器时，我想调试一些 JavaScript 代码。我怎样才能做到这一点？

6个回答

尝试将其添加到您的来源：

debugger;

它适用于大多数（如果不是所有）浏览器。只需将它放在代码中的某个位置，它就会像一个断点一样工作。

如果你忘记了，很难找到这个命令叫什么！
2021-03-22 18:12:06
您需要打开 Chrome 开发人员工具才能使其工作（在 Windwos/Linux 上按 F12，在 Mac 上不知道密钥，或者只是检查一个元素）。如果你打开了开发者工具，一个额外的好处是你可以点击并按住刷新按钮来清除缓存。
2021-03-24 18:12:06
由于这并不总是有效的原因，谷歌也很难。这有限制吗？
2021-03-25 18:12:06
@CallumRogers 但是，仅当您的用户在开发人员工具打开的情况下使用您的网站时。
2021-04-01 18:12:06
@乔什M。请注意，将其保留在生产代码中非常糟糕，因为即使对于没有打开开发工具的用户，它也会导致某些版本的 IE 出现问题。
2021-04-01 18:12:06

视窗：CTRL- SHIFT-J或 F12

苹果：⌥- ⌘-J

也可通过扳手菜单（工具 > JavaScript 控制台）获得：

JavaScript 控制台菜单

或 Cmd-Shift-J 用于 Mac。上帝，我喜欢这个<kbd>标签。太糟糕了，我不能在评论中使用它。
2021-03-18 18:12:06
我认为快捷方式已更改为 CTRL-SHIFT-J。
2021-04-05 18:12:06
Mac 快捷方式似乎实际上Alt-Cmd-J位于最新的 Chrome 版本中。
2021-04-06 18:12:06
看这个问题让我明白我的 javascript 技能从新手水平提高到相当不错的标准
2021-04-06 18:12:06

Windows 和 Linux：

Ctrl+ Shift+I键打开开发者工具

Ctrl+ Shift+J打开开发人员工具并将焦点带到控制台。

Ctrl+ Shift+C切换检查元素模式。

苹果电脑：

⌥+ ⌘+I键打开开发者工具

⌥+ ⌘+J打开开发人员工具并将焦点带到控制台。

⌥+ ⌘+C切换检查元素模式。

来源

其他快捷键

在 Mac 上，切换检查元素模式的快捷键是 shift ⌘ C (Shift - Command - C)
2021-04-08 18:12:06

F12在 Chrome 浏览器中按功能键启动 JavaScript 调试器，然后单击“脚本”。

选择顶部的 JavaScript 文件并将断点放置到 JavaScript 代码的调试器。

F12 似乎无法在我的 Windows 7 系统上使用 Chrome 23.0.1246.0 dev-m 打开调试器。
2021-03-30 18:12:06
+1 为 F12，它也适用于 IE、FF、Edge。无需像组合键那样学习 Emacs。除了 Mac。
2021-04-03 18:12:06

Ctrl+ Shift+J打开开发人员工具。

其它你可能感兴趣的问题
上一篇如何在 React 中更新父级的状态？ 下一篇使用 JavaScript 清除所有 cookie