2012-06-29 10 views
39

Ho lavorato con un sacco di JS di altri recentemente e sto iniziando a odiare davvero il tentativo di eseguire il debug. Anche con gli strumenti di sviluppo di Chrome non riesco a rintracciare un sacco di modifiche al DOM che si stanno verificando durante il caricamento della pagina.Trova quale javascript cambia il DOM?

Esistono strumenti che mi mostreranno quale parte del DOM (ad esempio un attributo aggiunto) è stata eseguita da cosa JS?

Grazie

risposta

39

In strumenti di sviluppo Chrome, si ha la possibilità di rompere l'esecuzione quando il DOM cambia. enter image description here

anche una schermata per illustrare la risposta di Wolfram (+1)

enter image description here

+0

C'è un modo per interrompere un sottoinsieme di elementi DOM utilizzando un selettore? Grazie –

18

Una piccola aggiunta alla risposta di Jayraj: Breakpoints on DOM Mutation Events. Fare clic con il tasto destro su qualsiasi elemento e selezionare Break on Subtree Modifications e Break on Attributes Modifications e Break on Node Removal.

Questo è possibile anche utilizzando Firebug: fare clic con il tasto destro su un elemento e si dispone di alcune opzioni per monitorarlo per le modifiche.

Problemi correlati