Heim > Artikel > Web-Frontend > Welche Arten von JavaScript-Haltepunkten gibt es?
Typen von JavaScript-Haltepunkten: 1. Quell-Haltepunkte; 3. DOM-Haltepunkte, die Haltepunkte für DOM-Elemente hinzufügen, um Debugging-Zwecke zu erreichen;
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
1. JS-Haltepunkt
(1) Quellen-Haltepunkt
Der Vorgang zum Hinzufügen von Quellen-Haltepunkten ist „F12 (Strg + Umschalt + I), um die Entwicklungstools zu öffnen“ - - „Klicken Sie auf das Menü „Quellen““ – „Suchen Sie die entsprechende Datei im Baum links“ – „Klicken Sie auf die Zeilennummernspalte“, um den Vorgang des Hinzufügens/Löschens von Haltepunkten in der aktuellen Zeile abzuschließen. Nachdem der Haltepunkt hinzugefügt wurde, aktualisieren Sie die Seite und die JS-Ausführung stoppt an der Haltepunktposition. Sie sehen alle Variablen und Werte im aktuellen Bereich auf der Quellenschnittstelle. Sie müssen nur jeden Wert überprüfen, um die Überprüfungsanforderungen abzuschließen unserer Frage.
Sie können auch bedingte Haltepunkte in Quellen festlegen. Wählen Sie im Kontextmenü der Haltepunktposition die Bedingungen zum Auslösen des Haltepunkts Der Haltepunkt wird nur ausgelöst, wenn der Ausdruck wahr ist.
(2) Debugger-Haltepunkt
Der Debugger-Haltepunkt wird durch Hinzufügen der „debugger;“-Anweisung im Code hinzugefügt, wodurch der Punkt automatisch unterbrochen wird
2 break Klicken Sie auf
DOM-Haltepunkt. Wie der Name schon sagt, dient dies dazu, dem DOM-Element einen Haltepunkt hinzuzufügen, um den Zweck des Debuggens zu erreichen. Bei der tatsächlichen Verwendung von Haltepunkten wird der Effekt letztendlich innerhalb der JS-Logik implementiert.
So fügen Sie einen DOM-Haltepunkt hinzu: Elemente – Rechtsklick auf das Elementelement – Pause ein – wählen Sie einen Haltepunkt aus von untergeordneten Knoten, aber Teilbaumänderungen Knotenattributänderungen und Inhaltsänderungen lösen keine Haltepunkte aus
(2) Attributänderungen Knotenattribut-Haltepunkte
(3) Knotenentfernung Knotenentfernungs-Haltepunkte
3, Haltepunkte
Wie der Name schon sagt, wird der Haltepunkt ausgelöst, wenn die von der asynchronen Anforderung gesendete URL die Haltepunktbedingungen erfüllt.Haltepunktmethode: Quellen – Der Ereignis-Listener-Haltepunkt wird basierend auf dem Ereignisnamen festgelegt. Wenn ein Ereignis ausgelöst wird, wird der Haltepunkt auf die Position gesetzt, an die das Ereignis gebunden ist. Event-Listener-Haltepunkte listen alle Seiten- und Skriptereignisse auf, einschließlich: Maus, Tastatur, Animation, Timer, XHR usw. (Der Speicherort befindet sich in der Regel unter
Das obige ist der detaillierte Inhalt vonWelche Arten von JavaScript-Haltepunkten gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!