如何为自定义事件添加断点？

Question

如果我想调试标准 DOM 事件，浏览器开发工具可以轻松设置事件侦听器断点。

但现在我需要调试使用 CustomEvent("foobar-happened") 创建并使用 dispatchEvent(…) 调度的 自定义事件。我在浏览器开发工具中没有看到这些。我如何检查此类自定义事件？

---

不，我不能（或不应该）将

debugger

语句添加到调度这些事件的代码中。此类代码来自我的项目外部（例如来自第三方库，或来自其他团队的代码），并且我可能无法找到所有添加此类调试器语句的位置。

Answer 1

DevTools 中至少没有内置简单的方法来停止自定义事件的侦听器。

因此，我现在为 Firefox DevTools 创建了一个 请求。

目前您唯一能做的就是在 DevTools 中的整个代码中搜索

addEventListener(...)

出现的特定事件，并在 Sources 或 Debugger 面板中手动添加断点。