google-chrome-devtools - Google Chrome Devtools 中的事件监听器断点

Question

Google Chrome Devtools 中的事件监听器断点提供了多种选择，但对我来说，它们并不是很有用，因为它们总是让我陷入代码的一些不相关部分。

我想知道是否可以将其限制为仅一类？例如 onMouseClick 将我发送到特定类中鼠标单击后执行的第一个方法。如果在这个类中没有任何方法被激发，那么什么都不做。

Answer 1

您可以为每个脚本和每一行单独设置断点。首先打开调试工具并在源选项卡中选择一个脚本:

然后你可以点击行号(这里只有1号)，它看起来像这样:

正如您现在所看到的那样，行已标记，而且在右侧列中还列出了您的个人断点。

标记断点后，您仍然需要重新加载脚本再次执行到断点的页面。之后，您可以使用右栏上方的图标进入或跳过断点后的命令。

脚本精简后，断点很难使用，所以最好是每行只有一个命令的脚本，这样调试起来容易多了。因此，为了调试，您应该将页面中的相应脚本更改为非缩小版本，如果可用的话，也许还可以使用 map 文件。