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

Kev*_*ger 407 javascript debugging google-chrome google-chrome-devtools

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

Ome*_*ten 395

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

debugger;
Run Code Online (Sandbox Code Playgroud)

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

  • 谷歌也很难解释为什么这并不总是有效.对此有限制吗? (4认同)
  • @JoshM.请注意,将其保留在生产代码中是非常糟糕的,因为它会导致IE的某些版本出现问题,即使对于没有开放开发工具的用户也是如此. (3认同)
  • 如果你忘记了,很难找到这个命令叫什么! (2认同)
  • 您需要打开Chrome开发者工具才能使用(在Windwos/Linux上点击F12,在Mac上不知道密钥,或只是检查一个元素).如果您打开了开发人员工具,那么您可以单击并按住"刷新"按钮以清除缓存,这真是太棒了. (2认同)
  • @CallumRogers但是,只有当您的用户使用您的网站并打开开发人员工具时才会这样做. (2认同)

Joh*_*han 314

Windows:CTRL- SHIFT- J或F12

Mac:- -J

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

JavaScript控制台菜单

  • `F12`是最简单的方法 (63认同)
  • 我认为快捷方式已改为CTRL-SHIFT-J. (22认同)
  • 在最新的Chrome版本中,Mac快捷方式似乎实际上是"Alt-Cmd-J". (11认同)
  • 或Mac的Cmd-Shift-J.上帝,我喜欢这个"<kbd>"标签.太糟糕了我不能在评论中使用它. (5认同)

小智 55

Windows和Linux:

Ctrl+ Shift+ I键打开开发人员工具

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

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

苹果电脑:

+ + I键打开开发人员工具

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

+ + C切换检查元素模式.

资源

其他快捷方式

  • 在mac上,切换检查元素模式的切换是移位⌘C(Shift - Command - C) (3认同)

小智 15

F12Chrome浏览器中的功能键以启动JavaScript调试器,然后单击"脚本".

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

  • F12似乎没有在我的Windows 7系统上使用Chrome 23.0.1246.0 dev-m打开调试器. (3认同)

Sen*_*yai 11

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


小智 6

在Mac上的Chrome 8.0.552中,您可以在菜单View/Developer/JavaScript Console下找到它...或者您可以使用Alt+ CMD+ J.


her*_*nte 5

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

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