当使用谷歌Chrome时,我想调试一些JavaScript代码。我该怎么做呢?
当前回答
Shift + Control + I打开开发人员工具窗口。从左下角的第二张图片(看起来像下面这样)将打开/隐藏控制台:
其他回答
现在谷歌chrome引入了新功能。通过使用此功能,您可以在chrome浏览器中编辑您的代码。(永久更改代码位置)
按F12—>源标签—(右侧)—>文件系统—在其中请选择您的代码位置。然后是chrome浏览器 将请求您的许可,之后代码将下沉与绿色。你可以修改你的代码,它也会反映你的代码位置(这意味着它将永久改变)
谢谢
Windows和Linux:
Ctrl + Shift + I键打开开发人员工具
Ctrl + Shift + J打开开发人员工具,并将焦点转移到控制台。
Ctrl + Shift + C切换检查元素模式。
Mac:
打开“开发人员工具”的“+⌘+ I”键
打开“开发人员工具”并将焦点转移到控制台。
“+⌘+ C”切换“Inspect Element”模式。
源
其他快捷键
这些就是你看到的工具
按下F12
试着把这个添加到你的源代码中:
debugger;
它可以在大多数浏览器中运行,如果不是所有浏览器的话。只要把它放在代码中的某个地方,它就像一个断点。
对于Mac用户,请到谷歌Chrome—>菜单视图—>开发者—> JavaScript控制台。
推荐文章
- Eclipse调试器总是阻塞在ThreadPoolExecutor上,没有任何明显的异常,为什么?
- 我如何检查如果一个变量是JavaScript字符串?
- 如何检测如果多个键被按下一次使用JavaScript?
- 如何通过history. pushstate获得历史变化的通知?
- 使用jQuery改变输入字段的类型
- 在JavaScript中,什么相当于Java的Thread.sleep() ?
- 使用jQuery以像素为整数填充或边距值
- 检查是否选择了jQuery选项,如果没有选择默认值
- Visual Studio:如何打破处理异常?
- Next.js React应用中没有定义Window
- 如何重置笑话模拟函数调用计数之前,每次测试
- 如何强制一个功能React组件渲染?
- 确保您的项目构建设置正在生成一个dSYM文件。对于所有配置,DEBUG_INFORMATION_FORMAT都应该设置为dwarf-with-dsym
- 如何获得GDB中所有线程的回溯?
- 在javascript中从平面数组构建树数组