如何使用google developer tools / firebug记录所有dom子树修改

Question

我知道如何使用谷歌开发者工具“破坏”所有子树修改，但有没有办法记录javascript中的所有调用，导致html元素的子树修改？我需要这样做，因为如果我打破对子树的修改，网站崩溃，我无法看到使用的javascript调用。

Answer 1

如果您只对在DOM中插入或删除节点时的日志记录以及插入或删除节点的位置感兴趣，您可以执行以下操作：

(function(){

    function log( e ) {
        console.log( e );
    }
    document.body.addEventListener( "DOMNodeInserted", log );
    document.body.addEventListener( "DOMNodeRemoved", log );

})();

这当然不会给你提供任何调用堆栈，但它应该可以为你提供问题所在的线索。