当使用谷歌Chrome时,我想调试一些JavaScript代码。我该怎么做呢?
当前回答
F12 打开开发人员面板
CTRL + shift + c 将打开悬停检查工具,在悬停时突出显示元素,您可以单击以在元素选项卡中显示它。
CTRL + shift + I 使用控制台选项卡打开开发人员面板
右键单击>检查 右键单击任何元素,并单击“inspect”在Developer面板的Elements选项卡中选择它。
ESC 如果你右键单击并检查元素或类似的东西,最后在“元素”选项卡中查看DOM,你可以按ESC来上下切换控制台,这是一种很好的使用这两种方式的方式。
其他回答
在Chrome的控制台,您可以执行console.log(data_to_be_displays)。
Shift + Control + I打开开发人员工具窗口。从左下角的第二张图片(看起来像下面这样)将打开/隐藏控制台:
在Chrome浏览器中按F12功能键启动JavaScript调试器,然后点击“脚本”。
选择顶部的JavaScript文件,并将断点放置到JavaScript代码的调试器中。
Windows:按CTRL-SHIFT-J或F12
Mac:⌥——⌘-J
也可以通过扳手菜单(工具> JavaScript控制台):
这些就是你看到的工具
按下F12
推荐文章
- 我如何使用Jest模拟JavaScript的“窗口”对象?
- 我如何等待一个承诺完成之前返回一个函数的变量?
- 在JavaScript中根据键值查找和删除数组中的对象
- 使嵌套JavaScript对象平放/不平放的最快方法
- 如何以及为什么'a'['toUpperCase']()在JavaScript工作?
- 有Grunt生成index.html不同的设置
- 如何禁用谷歌翻译从HTML在Chrome
- 文档之间的区别。addEventListener和window。addEventListener?
- 如何检查动态附加的事件监听器是否存在?
- 如何写setTimeout与参数Coffeescript
- 将JavaScript字符串中的多个空格替换为单个空格
- JavaScript: override alert()
- 重置setTimeout
- 如何确保<select>表单字段被禁用时提交?
- jQuery有不聚焦的方法吗?