如何在Chrome Elements标签中设置事件侦听器断点？

Question

我正在努力在动态生成的DOM元素中设置断点，其中不同的事件处理程序也是从Javascript绑定的。这基本上意味着我有一个漂亮的DOM结构，它不是最初收到的HTTP响应的一部分，它纯粹是在客户端构建的。

现在问题是Chrome的Elements选项卡只允许我为

设置断点

• 子树修改或
• 属性修改或
• 节点删除

是否有可能以某种方式在动态创建的DOM元素的动态创建的事件侦听器中设置断点？ （参见附图。我想将断点设置为监听器）

请注意，我也不能使用“Sources / Scripts”选项卡，因为它只显示最初收到的静态HTTP内容响应。而且我无法在“事件监听器”手风琴中引用的代码中设置断点，因为只有当它被连接时才会向我显示事件监听器，而不是在它被触发时！

有什么想法吗？

Answer 1

来源 - ＆gt;事件侦听器断点包含一组复选框，可以在触发事件的事件侦听器时检查该复选框以激活断点。