Chrome开发者工具。 DOM子树修改断点?

时间:2012-12-18 12:43:24

标签: google-chrome-devtools

只有在添加/删除子树中的节点时,才会调用此断点,而不是仅仅修改它们吗?

作为测试,我尝试将带有JS的类添加到子树元素,并且断点没有调用。

所以只是想确定一下,只有触发这个特定断点的东西才是加入/删除子节点,而不是修改任何属性或其他任何东西,可以有人证实这一点吗?

2 个答案:

答案 0 :(得分:6)

子树修改是以给定节点为根的DOM [sub]树中的节点插入和删除。

为了打破你需要使用的class属性修改......知道什么? Break on Attribute Modifications! : - )

答案 1 :(得分:-1)

我无法为您的问题添加评论,这就是我将其作为新答案发布的原因。看看这里:how to set DOM Breakpoints in chrome

一般情况下,打开Chrome开发者工具,选择名为 元素 的第一个标签,然后找到要放置断点的元素,右键单击它和上下文将打开带有几个断点选项的菜单。选项包括:

  1. 打破子树修改
  2. 打破属性修改
  3. 打破节点删除