javascript - 使用 Chrome，如何找到我的哪些点击事件在点击时触发？

Question

我知道我可以使用以下建议来暂停点击:

Using Chrome, how to find to which events are bound to an element

但是当我听从这个建议时，我发现在跳出 20 次之后我仍然没有得到我的源代码。我仍在浏览各种跟踪文件和 jQuery 文件。

有没有更快的方法来查找我的哪些点击事件在点击时触发？也许可以跳过所有不是我的源代码的文件？

Answer 1

您可以黑盒库或其他您不关心的脚本。

这意味着调试器将忽略这些脚本并“跳过”它们。

当使用 DevTools(“Sources”选项卡)单步执行代码时，右键单击(例如)调试器暂停的 jQuery 代码行并选择“Blackbox script”

这里有一个漂亮的动画 GIF 向您展示了如何做到这一点。 https://umaar.com/dev-tips/128-blackboxing/

适用于 Chrome 版本 66.0.3359.139(官方构建)

另见 Ignore a script or pattern of scripts来自官方 DevTools 文档。