it-swarm.cn

如何在Google Chrome中启动JavaScript调试程序?

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

394
Kevin Driedger

视窗: CTRL - SHIFT - J OR F12

苹果电脑:  - - J

也可以通过扳手菜单(工具> JavaScript控制台)获得:

JavaScript Console Menu

307
John Sheehan

尝试将此添加到您的来源:

debugger;

它适用于大多数(如果不是全部)浏览器。只需将它放在代码中的某个位置,它就像一个断点。

385
Omer van Kloeten

Windows和Linux:

Ctrl + Shift + I 用于打开开发者工具的键

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

Ctrl + Shift + C 切换Inspect Element模式。

苹果电脑:

 +  + I 用于打开开发者工具的键

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

 +  + C 切换Inspect Element模式。

来源

其他快捷方式

54
user629309

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

选择顶部的JavaScript文件,并将断点放在JavaScript代码的调试器中。

14
Balachandar P

Ctrl + Shift + J 打开开发者工具。

11
Senyai

在Mac上的Chrome 8.0.552中,您可以在菜单下找到--- 查看/开发人员/JavaScript控制台 ...或者您可以使用 Alt+CMD+J

6
Primc

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

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

5
hernanvicente

Shift + Control + I 打开Developer工具窗口。从左下角的第二张图片(如下所示)将为您打开/隐藏控制台:

Show Console

2
Premanshu

要打开专用的“控制台”面板,请执行以下操作:

  • 使用键盘快捷键
    • 在Windows和Linux上: Ctrl + Shift + J
    • 在Mac上: Cmd + Option + J
  • 选择Chrome菜单图标,菜单 - >更多工具 - >JavaScript控制台。或者,如果Chrome开发者工具已经打开,press'控制台'标签。

请参考 这里

2
Venkat

对于Mac用户,请转到Google Chrome - >菜单 查看 - > 开发人员 - > JavaScript控制台

Screenshot

1
Neo123

现在谷歌Chrome已经推出了新功能。使用此功能您可以在chrome浏览中编辑代码。 (代码位置永久更改)

对于那个按F12 - >源选项卡 - (右侧) - >文件系统 - 请选择您的代码位置。然后Chrome浏览器会询问您的权限,之后该代码将沉入绿色。你可以修改你的代码,它也会反映你的代码位置(这意味着它会永久改变)

谢谢

1
stackinfostack

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

chrome://inspect

0
Nestor Urquiza