使用 Chrome 开发工具进行 JS 调试 [重复]

Posted

技术标签:

【中文标题】使用 Chrome 开发工具进行 JS 调试 [重复]【英文标题】:JS debugging using Chrome dev tools [duplicate] 【发布时间】:2019-02-06 22:17:07 【问题描述】:

有没有办法在所有 JS 代码中设置断点?

例如,假设我有一个按钮,当我点击它时,会执行一些 JS 代码,但我不知道确切的代码或执行该代码的文件。

因此,如果我在单击该按钮后在所有代码上设置断点,断点将激活,我将知道执行了哪些代码。

我可以这样做还是有类似的东西?

【问题讨论】:

这里全面涵盖了您要查找的内容。 ***.com/questions/23472334/… 欢迎来到 *** 【参考方案1】:

您可以查看元素的已注册事件侦听器,而不必到处放置断点。在那里您可以看到其代码的文件和行,也可以通过单击它,chrome 开发工具打开该位置。

【讨论】:

以上是关于使用 Chrome 开发工具进行 JS 调试 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何进行html调试和js脚本调试

Node.js在Chrome进行调试

如何在不使用 chrome 开发人员工具的 Visual Studio Code 中调试 Angular 应用程序?

0027 chrome调试工具

Chrome浏览器调试技巧

怎么在chrome调试工具直接修改js代码?