Chrome 调试 - 下一次点击事件中断

Posted 2023-02-22

【中文标题】Chrome 调试 - 下一次点击事件中断

【英文标题】：Chrome debugging - break on next click event

【发布时间】：2013-09-23 12:07:57

【问题描述】：

我们有一个按钮。点击事件由第 3 方框架处理，但是，该框架存在一些问题。

我们想调试框架，但是我们不知道相应的事件处理程序代码在哪里设置断点。通常如何“中断下一次点击事件”并查看第 3 方框架在何处以及如何处理此点击？

【问题讨论】：

大部分是Using Chrome, how to find who's binded to an event?的副本

【参考方案1】：

您正在寻找的是 Sources 标签上的“Event Listener Breakpoints”。每当触发任何侦听所选事件的事件侦听器时，都会触发这些断点。您将在“源”选项卡中找到它们。在您的情况下，展开“鼠标”类别并选择“点击”。

【讨论】：

你无法想象我知道这个提示是多么高兴，非常感谢！

有没有办法捕捉点击但将断点限制在某个文件或目录，而不是各种混淆库和 Chrome 扩展？

@ArtemRussakovskii 您需要将不想包含在调试中的文件类型设置为黑箱。在 chrome 中，转到左侧菜单中的开发工具 -> 设置（齿轮图标） -> 黑盒。我相信您可以使用正则表达式或仅使用文件名（例如，jquery.js 不会破坏 jquery 库脚本）。