如何使用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 );

})();

这当然不会给你一个调用堆栈,但是它应该给你一个关于问题所在位置的线索.