当使用谷歌Chrome时，我想调试一些JavaScript代码。我该怎么做呢?
当前回答
Ctrl + Shift + J打开开发人员工具。
其他回答
Windows:按CTRL-SHIFT-J或F12
Mac:⌥——⌘-J
也可以通过扳手菜单(工具> JavaScript控制台):
Windows和Linux:
Ctrl + Shift + I键打开开发人员工具
Ctrl + Shift + J打开开发人员工具，并将焦点转移到控制台。
Ctrl + Shift + C切换检查元素模式。
Mac:
打开“开发人员工具”的“+⌘+ I”键
打开“开发人员工具”并将焦点转移到控制台。
“+⌘+ C”切换“Inspect Element”模式。
源
其他快捷键
在这里，您可以找到访问开发人员工具的快捷方式。
https://developer.chrome.com/devtools/docs/shortcuts
试着把这个添加到你的源代码中:
debugger;
它可以在大多数浏览器中运行，如果不是所有浏览器的话。只要把它放在代码中的某个地方，它就像一个断点。
F12 打开开发人员面板
CTRL + shift + c 将打开悬停检查工具，在悬停时突出显示元素，您可以单击以在元素选项卡中显示它。
CTRL + shift + I 使用控制台选项卡打开开发人员面板
右键单击>检查 右键单击任何元素，并单击“inspect”在Developer面板的Elements选项卡中选择它。
ESC 如果你右键单击并检查元素或类似的东西，最后在“元素”选项卡中查看DOM，你可以按ESC来上下切换控制台，这是一种很好的使用这两种方式的方式。
