Tipps zur Verwendung der DOM-Breakpoint-Debugging-Methode in Javascript debugging_javascript-Tipps

Einige Schüler werden sagen, dass Sie die Quellcodesuche verwenden können. Tatsächlich funktioniert dieser Ansatz bei einer relativ einfachen Seite oft. Bei Seiten mit einer relativ komplexen Zusammensetzung (die Seite bettet beispielsweise viele Skriptdateien und -fragmente ein, verwendet einen großen Teil der objektorientierten Implementierung und verbirgt den Implementierungscode) ist die Suche jedoch möglicherweise nicht so einfach.

Beim Javascript-Debugging verwenden wir häufig das Breakpoint-Debugging. Tatsächlich können wir beim Debuggen der DOM-Struktur auch die Breakpoint-Methode verwenden, nämlich DOM Breakpoint.

Spezifische Verwendung:

1. Öffnen Sie im Chrome-Browser die Entwicklertools, wählen Sie zunächst ein Seitenelement aus, klicken Sie dann mit der rechten Maustaste, klicken Sie im Menü auf „Unterbrechen bei…“ und aktivieren Sie „Attributänderungen“. Aktualisieren Sie die Seite. Wenn sich das Attribut des Elements ändert, wird die Ausführung des Skripts angehalten und der Ort der Änderung ermittelt.

2. Öffnen Sie Firebug im Firefox-Browser, wechseln Sie zur Registerkarte „HTML“, wählen Sie das zu überwachende DOM-Element aus, klicken Sie mit der rechten Maustaste und aktivieren Sie „Unterbrechen, wenn sich Attribute ändern“. Speisekarte. Dadurch wird erfolgreich ein HTML-Haltepunkt hinzugefügt. Nach dem Aktualisieren der Seite hilft uns Firebug auch dabei, den Code zu finden, der das Attribut des Elements ändert.

Chrome und Firebug können nicht nur die Eigenschaftsänderungen des DOM-Elements selbst überwachen, sondern auch Änderungen an seinen untergeordneten Elementen und wann das Element gelöscht wird.