come registrare tutte le modifiche del sottostruttura dom con gli strumenti di sviluppo di google/firebug

Question

So come "interrompere" tutte le modifiche di sottostruttura utilizzando gli strumenti di sviluppo di Google, ma c'è un modo per registrare tutte le chiamate nel javascript che provocano modifiche di sottostruttura di un elemento html? ho bisogno di farlo perché se interrompo le modifiche alla sottostruttura, il sito Web si blocca e non riesco a vedere la chiamata javascript che è stata utilizzata.

Answer 1

Se siete interessati solo a registrazione quando un nodo viene inserito o rimosso dal DOM e che il nodo era e dove è stato inserito o rimosso, si potrebbe fare qualcosa di simile:

(function(){ 

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

})(); 

Questo ovviamente non ti fornisce alcuna pila di chiamate, ma dovrebbe darti un'idea di dove potrebbe essere il problema.