Google Chrome Devtools中的事件侦听器断点

Question

Google Chrome Devtools中的事件侦听器断点提供了多种选择，但是对我而言，它们并不是真正有用的，因为它们总是将我带到代码的某些无关部分。

我想知道的是，是否有可能将其限制为一类？例如onMouseClick将我带到第一个方法，该方法在鼠标单击后在特定类内执行。如果没有方法在此类内触发，那么什么也不做。

Answer 1

您可以分别为每个脚本和每行设置断点。 首先打开调试工具，然后在sources-tab中选择一个脚本：

然后，您可以单击行号（此处只有1号），看起来像这样：

您现在看到的是标记的行，但在右栏也列出了您的个人断点。

标记了断点后，您仍然必须重新加载脚本再次执行的页面，直到断点为止。然后，您可以使用右栏上方的图标进入或移至断点之后的命令。

具有缩略脚本，很难使用断点，因此最好有一个脚本，其中每行只有一个命令，调试起来要容易得多。 因此，为了进行调试，您应该将页面中的相应脚本更改为非最小化版本，如果可能的话，还可能带有一个映射文件。