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

IT技术 javascript debugging google-chrome google-chrome-devtools
2021-02-22 16:26:58

我们有一个按钮。单击事件由第 3 方框架处理,但是,该框架在某种程度上存在缺陷。

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

1个回答

您要查找的是选项卡上的事件侦听器断点Sources每当触发任何侦听所选事件的事件侦听器时,就会触发这些断点。您将在“来源”选项卡中找到它们。在您的情况下,展开“鼠标”类别并选择“单击”。

DevTools 事件侦听器断点

你无法想象我知道这个提示有多高兴,非常感谢!
2021-05-07 16:26:58
@ArtemRussakovskii 您需要对不想包含在调试中的文件类型进行黑箱处理。在 Chrome 中,转到左侧菜单中的开发工具 -> 设置(齿轮图标)-> 黑盒。我相信您可以使用正则表达式或仅使用文件名(例如jquery.js,不要破坏 jquery 库脚本)。
2021-05-08 16:26:58
有没有办法捕捉点击,但将断点限制在某个文件或目录,而不是各种混淆的库和 Chrome 扩展程序?
2021-05-18 16:26:58