如何在页面刷新时保留Chrome DOM断点？

Question

我想查看哪些代码正在修改网页上的DOM元素，所以我通过右键单击DevTools检查器的元素选项卡中的元素并选择“Break on ...” - >在Chrome中设置断点， “子树修改”。脚本在页面加载时（而不是在后面）修改元素，所以我想保留DOM断点并刷新页面。

在JavaScript代码中保存断点的过程似乎不适用于DOM断点。

Answer 1

现在我加入了debugger;行任何其他代码运行之前，增加了一个DOM断点，并继续。

Answer 2

在Chrome中，刷新时不会保留DOM断点，它们会被抛弃，然后在onload事件后恢复。请参阅bug report 571519以及该报告中的此评论：

我们在重新加载时保留DOM断点，但断点仅在onload事件时恢复。因此，如果您希望在此之前触发断点，或者它在延迟添加的节点上设置，则不会恢复断点。我们应该修复这个问题。

这是解决方法：

1. 暂停的JavaScript，无论是与一个普通的断点或debugger;一行JavaScript
2. 删除所有DOM断点，并添加所需的DOM断点
3. 恢复。