你如何在Google Chrome中启动JavaScript调试器?
使用谷歌浏览器时,我想调试一些JavaScript代码。 我怎样才能做到这一点?
Windows: CTRL – SHIFT – J或F12
Mac: ⌥ – ⌘ – J
也可以通过扳手菜单(工具> 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。
在这里,您可以找到访问开发人员工具的快捷方式。
Shift + Control + 我打开了开发工具窗口。 从左下角的第二个图像(如下图所示)将为您打开/隐藏控制台:
要打开专用的“控制台”面板,可以:
- 使用键盘快捷键
- 在Windows和Linux上: Ctrl + Shift + J
- 在Mac上: Cmd + Option + J
- 选择Chrome浏览器菜单图标,然后选择菜单 – > 更多工具 – > JavaScript控制台 。 或者,如果Chrome开发者工具已经打开,请
press
“控制台”标签。
请参阅这里
对于Mac用户,请转到Google Chrome – >菜单视图 – > 开发者 – > JavaScript控制台 。
从Chrome中的控制台,你可以做console.log(data_to_be_displayed)
。