Google chrome devtools Chrome开发工具。DOM子树修改断点?

Google chrome devtools Chrome开发工具。DOM子树修改断点?,google-chrome-devtools,Google Chrome Devtools,是否只有在添加/删除子树中的节点时才会调用此断点,而不是仅在修改节点时才会调用 在测试过程中,我尝试将带有JS的类添加到子树元素中,但断点没有调用 所以我想确定的是,触发这个特殊断点的唯一因素只是子节点的添加/删除,而不是对任何f的修改——它们是属性或其他任何相关内容,有人能证实这一点吗?我不能对你的问题添加注释,这就是为什么我会将其作为新答案发布的原因。请看这里: 通常,打开Chrome Developer Tools,选择第一个名为元素的选项卡,然后找到要放置断点的元素,右键单击该元素,将打

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

在测试过程中,我尝试将带有JS的类添加到子树元素中,但断点没有调用


所以我想确定的是,触发这个特殊断点的唯一因素只是子节点的添加/删除,而不是对任何f的修改——它们是属性或其他任何相关内容,有人能证实这一点吗?

我不能对你的问题添加注释,这就是为什么我会将其作为新答案发布的原因。请看这里:

通常,打开Chrome Developer Tools,选择第一个名为元素的选项卡,然后找到要放置断点的元素,右键单击该元素,将打开一个包含多个断点选项的上下文菜单。选项包括:

  • 子树修改中断
  • 属性修改中断
  • 断开节点删除

  • 子树修改是在给定节点的DOM[sub]树中插入和删除节点


    要中断
    属性修改,您需要使用。。。知道吗<代码>属性修改时中断!:-)

    我知道如何添加和使用它们。我有点困惑到底是什么导致了子树修改。好像它只是删除/添加节点,还是还有其他什么?因为向子元素添加属性似乎不会调用它:)是的,我知道我可以使用它。。。我只需要确认它是否只是删除/插入节点,我现在有:)为了绝对确定,请查看源代码:(搜索
    hasbruptpoint(parent,subtreedinted)
    )。在Chrome中不起作用:56.0.2924.87版(64位)。。。。