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

Question

使用 Google Chrome 时，我想调试一些 JavaScript 代码。我怎样才能做到这一点？

Answer 1

视窗： 控制键-转移-J 或 F12

苹果： ⌥-⌘-J

也可以通过扳手菜单（工具 > JavaScript 控制台）使用：

Answer 2

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

debugger;

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

Answer 3

Windows 和 Linux：

控制键 + 转移 + 我 打开开发者工具的按键

控制键 + 转移 + J 打开开发人员工具并将焦点移至控制台。

控制键 + 转移 + C 切换检查元素模式。

苹果：

⌥ + ⌘ + 我 打开开发者工具的按键

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

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

来源

其他快捷键

Answer 4

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

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

Answer 5

控制键 + 转移 + J 打开开发人员工具。

Answer 6

在 Mac 上的 Chrome 8.0.552 中，您可以在菜单下找到它 看法/开发商/JavaScript 控制台 ...或者你可以使用 替代+指令管理系统+J.

Answer 7

在这里，您可以找到访问开发人员工具的快捷方式。

https://developer.chrome.com/devtools/docs/shortcuts

Answer 8

转移 + 控制 + 我 打开开发人员工具窗口。从左下角第二张图片（如下所示）将为您打开/隐藏控制台：

Answer 9

要打开专用的“控制台”面板，请执行以下任一操作：

• 使用键盘快捷键
  • 在 Windows 和 Linux 上： 控制键 + 转移 + J
  • 在苹果机上： 命令 + 选项 + J
• 选择 Chrome 菜单图标，菜单 -> 更多工具 -> JavaScript 控制台. 。或者如果 Chrome 开发者工具已经打开， press “控制台”选项卡。

请参考 这里

Answer 10

对于 Mac 用户，请转至 Google Chrome --> 菜单 看法 --> 开发商 --> JavaScript 控制台.

Answer 11

现在谷歌浏览器推出了新功能。通过使用此功能，您可以在 Chrome 浏览器中编辑代码。（代码位置永久更改）

为此，请按 F12 --> 源选项卡 --（右侧）--> 文件系统 - 请在其中选择代码位置。然后，Chrome浏览器将询问您的权限，此后，该代码将以绿色为由。您可以修改您的代码，它也会反映您的代码位置（这意味着它将永久更改）

谢谢

Answer 12

我发现访问 javascript 调试器的最有效方法是运行以下命令：

chrome://inspect

Answer 13

从 Chrome 的控制台中，您可以执行以下操作 console.log(data_to_be_displayed).