当使用谷歌Chrome时,我想调试一些JavaScript代码。我该怎么做呢?


当前回答

Windows和Linux:

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

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

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

Mac:

打开“开发人员工具”的“+⌘+ I”键

打开“开发人员工具”并将焦点转移到控制台。

“+⌘+ C”切换“Inspect Element”模式。

其他快捷键

其他回答

在Chrome的控制台,您可以执行console.log(data_to_be_displays)。

Windows:按CTRL-SHIFT-J或F12

Mac:⌥——⌘-J

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

试着把这个添加到你的源代码中:

debugger;

它可以在大多数浏览器中运行,如果不是所有浏览器的话。只要把它放在代码中的某个地方,它就像一个断点。

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

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

打开专用的“控制台”面板:

使用快捷键 Windows和Linux操作系统:Ctrl + Shift + J 在Mac上:Cmd + Option + J 选择Chrome菜单图标,菜单->更多工具-> JavaScript控制台。或者如果Chrome开发者工具已经打开,按下“控制台”选项卡。

请参考此处