在页面完成加载之前中断子树修改

Question

我正在尝试调试DOM元素，该元素将在页面加载完成时通过javascript修改其节点树。通常，调试时，我将鼠标悬停在元素上，然后选择在Chrome中修改子树，但是在这种情况下，这是行不通的，因为在页面加载完成后修改了树。请告知。

Answer 1

您可以在要暂停执行的Java代码中使用debugger关键字：

function addNode() {
    debugger
    ...
}

或者，如果不是您自己的代码，则可以使用Chrome DevTools调试器在Javascript文件中add a breakpoint。