当使用谷歌Chrome时,我想调试一些JavaScript代码。我该怎么做呢?
当前回答
在这里,您可以找到访问开发人员工具的快捷方式。
https://developer.chrome.com/devtools/docs/shortcuts
其他回答
这些就是你看到的工具
按下F12
在Mac上的Chrome 8.0.552中,你可以在视图/开发人员/JavaScript控制台菜单下找到这个…或者你可以使用Alt+CMD+J。
Windows和Linux:
Ctrl + Shift + I键打开开发人员工具
Ctrl + Shift + J打开开发人员工具,并将焦点转移到控制台。
Ctrl + Shift + C切换检查元素模式。
Mac:
打开“开发人员工具”的“+⌘+ I”键
打开“开发人员工具”并将焦点转移到控制台。
“+⌘+ C”切换“Inspect Element”模式。
源
其他快捷键
在这里,您可以找到访问开发人员工具的快捷方式。
https://developer.chrome.com/devtools/docs/shortcuts
F12 打开开发人员面板
CTRL + shift + c 将打开悬停检查工具,在悬停时突出显示元素,您可以单击以在元素选项卡中显示它。
CTRL + shift + I 使用控制台选项卡打开开发人员面板
右键单击>检查 右键单击任何元素,并单击“inspect”在Developer面板的Elements选项卡中选择它。
ESC 如果你右键单击并检查元素或类似的东西,最后在“元素”选项卡中查看DOM,你可以按ESC来上下切换控制台,这是一种很好的使用这两种方式的方式。
推荐文章
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 卸载Chrome开发工具
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 我的蛋蛋怎么不见了?
- JavaScript中的排列?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 如何禁用文本选择使用jQuery?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?