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

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

Windows: CTRLSHIFTJ或F12

Mac: J

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

JavaScript控制台菜单

尝试添加到您的来源:

 debugger; 

它适用于大多数,即使不是所有的浏览器。 只要把它放在你的代码的某个地方,它就像一个断点一样。

Windows和Linux:

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

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

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

苹果电脑:

+ + I键打开开发者工具

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

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

资源

其他快捷方式

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

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

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

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

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

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

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

Show Console

要打开专用的“控制台”面板,可以:

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

请参阅这里

对于Mac用户,请转到Google Chrome – >菜单视图 – > 开发者 – > JavaScript控制台

截图

从Chrome中的控制台,你可以做console.log(data_to_be_displayed)