19赞

如何在Google Chrome中启动JavaScript调试程序？

作者：臭小子 | 2023-09-05 16:21

如何解决《如何在GoogleChrome中启动JavaScript调试程序？》经验，为你挑选了7个好方法。

使用谷歌浏览器时,我想调试一些JavaScript代码.我怎样才能做到这一点？

1> Omer van Klo..：

尝试将此添加到您的来源:

debugger;

它适用于大多数(如果不是全部)浏览器.只需将它放在代码中的某个位置,它就像一个断点.

谷歌也很难解释为什么这并不总是有效.对此有限制吗？

@JoshM.请注意,将其保留在生产代码中是非常糟糕的,因为它会导致IE的某些版本出现问题,即使对于没有开放开发工具的用户也是如此.

您需要打开Chrome开发者工具才能使用(在Windwos/Linux上点击F12,在Mac上不知道密钥,或只是检查一个元素).如果您打开了开发人员工具,那么您可以单击并按住"刷新"按钮以清除缓存,这真是太棒了.

@CallumRogers但是,只有当您的用户使用您的网站并打开开发人员工具时才会这样做.

2> John Sheehan..：

Windows:CTRL- SHIFT- J或F12

Mac:⌥- ⌘-J

也可以通过扳手菜单(工具> JavaScript控制台)获得:

JavaScript控制台菜单

`F12`是最简单的方法

我认为快捷方式已改为CTRL-SHIFT-J.

在最新的Chrome版本中,Mac快捷方式似乎实际上是"Alt-Cmd-J".

或Mac的Cmd-Shift-J.上帝,我喜欢这个""标签.太糟糕了我不能在评论中使用它. 3> 小智..： Windows和Linux: Ctrl+ Shift+ I键打开开发人员工具 Ctrl+ Shift+ J打开开发人员工具并将焦点带到控制台. Ctrl+ Shift+ C切换检查元素模式. 苹果电脑: ⌥+ ⌘+ I键打开开发人员工具 ⌥+ ⌘+ J打开开发人员工具并将焦点带到控制台. ⌥+ ⌘+ C切换检查元素模式. 资源其他快捷方式在mac上,切换检查元素模式的切换是移位⌘C(Shift - Command - C) 4> 小智..：按F12Chrome浏览器中的功能键以启动JavaScript调试器,然后单击"脚本". 选择顶部的JavaScript文件,并将断点放在JavaScript代码的调试器中. F12似乎没有在我的Windows 7系统上使用Chrome 23.0.1246.0 dev-m打开调试器. 5> Senyai..： Ctrl+ Shift+ J打开开发者工具. 6> 小智..：在Mac上的Chrome 8.0.552中,您可以在菜单View/Developer/JavaScript Console下找到它...或者您可以使用Alt+ CMD+ J. 7> hernanvicent..：在这里,您可以找到访问开发人员工具的快捷方式. https://developer.chrome.com/devtools/docs/shortcuts

推荐阅读

程序员
javax.servlet-api.jar与servlet-api.jar之间的区别

如何解决《javax.servlet-api.jar与servlet-api.jar之间的区别》经验，为你挑选了2个好方法。 ... [详细]
程序员
适用于Android和IOS的HighChart库

如何解决《适用于Android和IOS的HighChart库》经验，为你挑选了1个好方法。 ... [详细]
程序员
在Haskell中导入数据类型

如何解决《在Haskell中导入数据类型》经验，为你挑选了1个好方法。 ... [详细]
程序员
Array.apply(null,Array(9))vs new Array(9)

如何解决《Array.apply(null,Array(9))vsnewArray(9)》经验，为你挑选了0个好方法。 ... [详细]
程序员
如何在DynamoDB中查询不存在的(null)属性

如何解决《如何在DynamoDB中查询不存在的(null)属性》经验，为你挑选了2个好方法。 ... [详细]
程序员
React - 如何仅捕获父级的onClick事件而不是子级

如何解决《React-如何仅捕获父级的onClick事件而不是子级》经验，为你挑选了3个好方法。 ... [详细]
程序员
子类的对象创建是否创建了超类的对象,如果是,是否可以在子类中访问它？

如何解决《子类的对象创建是否创建了超类的对象,如果是,是否可以在子类中访问它？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Node.js sqlite3 IN运算符

如何解决《Node.jssqlite3IN运算符》经验，为你挑选了1个好方法。 ... [详细]
程序员
在Magento2中获取当前货币符号

如何解决《在Magento2中获取当前货币符号》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用Ramda/LoDash/Underscore在嵌套属性上进行独特分组和计数

如何解决《使用Ramda/LoDash/Underscore在嵌套属性上进行独特分组和计数》经验，为你挑选了1个好方法。 ... [详细]
程序员
Java流.orElseThrow

如何解决《Java流.orElseThrow》经验，为你挑选了1个好方法。 ... [详细]
程序员
Tensorflow中的同步与异步计算

如何解决《Tensorflow中的同步与异步计算》经验，为你挑选了1个好方法。 ... [详细]
程序员
Jenkins powershell插件总是成功构建

如何解决《Jenkinspowershell插件总是成功构建》经验，为你挑选了2个好方法。 ... [详细]
程序员
RxJava和Retrofit2:NetworkOnMainThreadException

如何解决《RxJava和Retrofit2:NetworkOnMainThreadException》经验，为你挑选了2个好方法。 ... [详细]
程序员
如何使用php从mysql数据库访问特定值？

如何解决《如何使用php从mysql数据库访问特定值？》经验，为你挑选了0个好方法。 ... [详细]
程序员
'x << ~y'在JavaScript中代表什么？

如何解决《'x<<~y'在JavaScript中代表什么？》经验，为你挑选了5个好方法。 ... [详细]
程序员
gulp local和CLI版本不匹配

如何解决《gulplocal和CLI版本不匹配》经验，为你挑选了1个好方法。 ... [详细]
程序员
在不使用jQuery的情况下将表转换为JavaScript中的数组

如何解决《在不使用jQuery的情况下将表转换为JavaScript中的数组》经验，为你挑选了1个好方法。 ... [详细]
程序员
重载C++ new运算符时的大小信息

如何解决《重载C++new运算符时的大小信息》经验，为你挑选了1个好方法。 ... [详细]
程序员
Java接口:根据对象类型调用实现类

如何解决《Java接口:根据对象类型调用实现类》经验，为你挑选了1个好方法。 ... [详细]

臭小子

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章