2012-06-29 14 views
39

Ich habe vor kurzem mit einer Menge anderer JS gearbeitet, und fange an, wirklich zu hassen, es zu debuggen. Selbst mit den Dev Tools von Chrome kann ich viele DOM-Änderungen, die während des Ladens der Seite stattfinden, nicht aufspüren.Finden Sie, was Javascript das DOM ändert?

Gibt es irgendwelche Werkzeuge, die mir zeigen, welcher Teil des DOM (sagen wir ein hinzugefügtes Attribut) von was JS gemacht wurde?

Dank

Antwort

39

In Chrome Entwickler-Tools, haben Sie die Möglichkeit, die Ausführung zu brechen, wenn das DOM ändert. enter image description here

Auch ein Screenshot Wolframs Antwort (1) Antwort des

enter image description here

+0

Gibt es eine Möglichkeit, eine Untergruppe von DOM-Elementen mit einem Selektor zu unterbrechen? Vielen Dank –

18

Eine geringfügige Neben Jayraj zu veranschaulichen: Breakpoints on DOM Mutation Events. Klicken Sie mit der rechten Maustaste auf ein beliebiges Element und wählen Sie Break on Subtree Modifications und Break on Attributes Modifications und Break on Node Removal.

Dies ist auch möglich mit Firebug: Rechtsklick auf ein Element und Sie haben einige Optionen, um es auf Änderungen zu überwachen.

Verwandte Themen