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


当前回答

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

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

其他回答

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

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

F12 打开开发人员面板

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

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

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

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

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

debugger;

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

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

chrome: / /检查