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

debugger;

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

F12 打开开发人员面板

CTRL + shift + c 将打开悬停检查工具，在悬停时突出显示元素，您可以单击以在元素选项卡中显示它。

CTRL + shift + I 使用控制台选项卡打开开发人员面板

右键单击>检查 右键单击任何元素，并单击“inspect”在Developer面板的Elements选项卡中选择它。

ESC 如果你右键单击并检查元素或类似的东西，最后在“元素”选项卡中查看DOM，你可以按ESC来上下切换控制台，这是一种很好的使用这两种方式的方式。

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

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

请参考此处

Shift + Control + I打开开发人员工具窗口。从左下角的第二张图片(看起来像下面这样)将打开/隐藏控制台:

在Mac上的Chrome 8.0.552中，你可以在视图/开发人员/JavaScript控制台菜单下找到这个…或者你可以使用Alt+CMD+J。

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

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