cómo registrar todas las modificaciones del subárbol dom con google developer tools/firebug

Question

Sé cómo 'romper' en todas las modificaciones de subárbol utilizando las herramientas de desarrollador de Google, pero ¿hay alguna manera de registrar todas las llamadas en el javascript que resultan en modificaciones de subárbol de un elemento html? Necesito hacer esto porque si rompo las modificaciones al subárbol, el sitio web falla y no puedo ver la llamada javascript que se utilizó.

Answer 1

Si sólo estás interesado en el registro cuando se inserta o se retira del DOM en un nodo y nodo de lo que era y donde se introduce o se extrae, se podría hacer algo como esto:

(function(){ 

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

})(); 

Este no le da ninguna pila de llamadas, por supuesto, pero debería darle una pista sobre dónde podría estar el problema.