Heim  >  Artikel  >  Web-Frontend  >  Welche Arten von JavaScript-Haltepunkten gibt es?

Welche Arten von JavaScript-Haltepunkten gibt es?

青灯夜游
青灯夜游Original
2022-01-12 13:46:282260Durchsuche

Typen von JavaScript-Haltepunkten: 1. Quell-Haltepunkte; 3. DOM-Haltepunkte, die Haltepunkte für DOM-Elemente hinzufügen, um Debugging-Zwecke zu erreichen;

Welche Arten von JavaScript-Haltepunkten gibt es?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JS-Haltepunktklassifizierung

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist der Kern von vueNächster Artikel:Was ist der Kern von vue