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

Question

我正在尝试调试一个 DOM 元素，该元素在页面加载完成时通过 javascript 修改其节点树。通常要进行调试，我会将鼠标悬停在元素上并在 Chrome 中对子树修改选择中断，但是在这种情况下，由于在页面加载完成后修改了树，因此这不起作用。请指教。

Answer 1

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

function addNode() {
    debugger
    ...
}

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