19

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

现在的问题是 Chrome 的 Elements 选项卡只允许我设置断点

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

是否可以以某种方式在动态创建的 DOM 元素的动态创建的事件侦听器中设置断点?(见附图。我想在 listenerbody 中设置断点)

在此处输入图像描述

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

有任何想法吗?

4

1 回答 1

27

Sources -> Event Listener Breakpoints 包含一堆复选框,当触发事件的事件侦听器时,可以选中这些复选框以激活断点。

于 2013-04-10T14:44:51.313 回答