对于Mac用户，请到谷歌Chrome—>菜单视图—>开发者—> JavaScript控制台。

F12 打开开发人员面板

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

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

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

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

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

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

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

我发现进入javascript调试器的最有效的方法是运行以下命令:

chrome: / /检查

这些就是你看到的工具

按下F12