当DOM元素从其父元素移除时，如何中断？

Question

我需要使用Chrome调试器的一些帮助。

我有一个错误，其中一个canvas元素被无意中从其父div中删除。我找不到正在执行的代码。我想在删除canvas元素或父div元素中删除元素时设置一个断点。我为父级div和子级canvas设置了所有“中断”功能，但没有一个被解雇。但是，我观察到在执行了repro步骤之后，画布丢失了，并且其parentElement变为空。

说明：通过“中断”功能，我的意思是：父级{{的子树修改，属性的修改和节点的删除 1}}和孩子div

canvas

如何通过在删除<div> <canvas> </div> 的过程中以红手捕获断点的方式来设置断点来查找有问题的代码？

Answer 1

使用DOM Change Breakpoints。

在div上设置子树修改断点应该可以解决问题。