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


当前回答

F12 打开开发人员面板

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

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

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

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

其他回答

这些就是你看到的工具

按下F12

Windows和Linux:

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

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

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

Mac:

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

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

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

其他快捷键

F12 打开开发人员面板

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

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

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

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

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

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