Google chrome devtools Google Chrome开发工具中的事件侦听器断点

GoogleChromeDevTools中的事件侦听器断点提供了多种选项，但对我来说，它们并没有太大的用处，因为它们总是让我联想到代码中一些不相关的部分

---

我想知道的是，是否有可能将其限制为一个类？例如，

onMouseClick

将我发送到特定类中鼠标单击后执行的第一个方法。如果在这个类中没有激发任何方法，那么就什么也不做

您可以分别为每个脚本和每行设置断点。 首先打开调试工具并在“源”选项卡中选择脚本：

然后，您可以单击行号（此处仅为编号1），它如下所示：

正如您现在看到的，该行已标记，但也在右侧列有您的单个断点

标记断点后，仍需重新加载页面，脚本将再次执行，直到到达断点。之后，您可以使用右栏上方的图标来插入或跨过断点后的命令。

使用小型脚本时，断点很难使用，因此最好使用一个脚本，其中每行只有一个命令，这样调试起来就容易多了。

---

因此，为了进行调试，您应该将页面中相应的脚本更改为非精简版本，如果可用，还可以使用映射文件。

如果我知道应该将断点放在哪里，您可以很好地使用，而不需要使用事件侦听器。一种方法是在文件中的每一行上都设置断点，但肯定有更好的方法。我可能还不够清楚。我知道如何使用GoogleDevTools和设置单个断点，这不是我的问题所在。我问的是事件侦听器断点（两幅图像的右下角）。在我选择了一些选项之后，例如，

onKeyPress

断点将在按键时触发，但它总是将我发送到代码的某个部分，该部分不是我编写的，而是生成的。