当使用谷歌Chrome时,我想调试一些JavaScript代码。我该怎么做呢?
当前回答
Windows和Linux:
Ctrl + Shift + I键打开开发人员工具
Ctrl + Shift + J打开开发人员工具,并将焦点转移到控制台。
Ctrl + Shift + C切换检查元素模式。
Mac:
打开“开发人员工具”的“+⌘+ I”键
打开“开发人员工具”并将焦点转移到控制台。
“+⌘+ C”切换“Inspect Element”模式。
源
其他快捷键
其他回答
在Chrome的控制台,您可以执行console.log(data_to_be_displays)。
Windows:按CTRL-SHIFT-J或F12
Mac:⌥——⌘-J
也可以通过扳手菜单(工具> JavaScript控制台):
试着把这个添加到你的源代码中:
debugger;
它可以在大多数浏览器中运行,如果不是所有浏览器的话。只要把它放在代码中的某个地方,它就像一个断点。
在这里,您可以找到访问开发人员工具的快捷方式。
https://developer.chrome.com/devtools/docs/shortcuts
打开专用的“控制台”面板:
使用快捷键 Windows和Linux操作系统:Ctrl + Shift + J 在Mac上:Cmd + Option + J 选择Chrome菜单图标,菜单->更多工具-> JavaScript控制台。或者如果Chrome开发者工具已经打开,按下“控制台”选项卡。
请参考此处
推荐文章
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 卸载Chrome开发工具
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 我的蛋蛋怎么不见了?
- JavaScript中的排列?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 如何禁用文本选择使用jQuery?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?