Javascript 使用Chrome，如何找到单击时触发的“我的单击”事件？

我知道我可以使用以下建议在单击时暂停：

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

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

在函数体中添加一个插件。

您可以黑盒脚本：

这要求jquery位于单独的文件中，而不是使用webpack之类的东西捆绑在一起

---

然后，您可以向您的框架模式添加

jquery.js

（或其他）之类的操作。这将防止调试器进入jquery代码

简短回答，您可以黑盒jquery文件。这将确保调试器不会输入jQuery代码

---

黑盒脚本时会发生什么

• 从库代码抛出的异常不会暂停（如果启用了暂停异常）
• 步进/步出/步出绕过库代码
• 事件侦听器断点不会在库代码中中断
• 调试器不会在库代码中设置的任何断点上暂停

最终的结果是调试应用程序代码而不是第三方资源

---

From:

您可以使用blackbox库或其他您不关心的脚本

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

使用DevTools（Sources）选项卡单步执行代码时，右键单击（例如）调试器暂停的jQuery代码行，然后选择“Blackbox脚本”

这里有一个很好的动画GIF向你展示了如何做到这一点。

在Chrome版本66.0.3359.139（官方版本）中适用于我

---

另请参见官方DevTools文档。

问题在于我不知道哪个函数正在处理事件。