Heim > Artikel > Web-Frontend > Wie debugge ich js? So debuggen Sie js mithilfe von Haltepunkten
Der Inhalt dieses Artikels befasst sich mit dem Debuggen von js. Die Methode zum Debuggen von js mithilfe von Haltepunkten hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.
Während der Entwicklung unserer Projekte treten häufig unbekannte Fehler auf. Manchmal ist es für uns schwierig, diese Fehler zu finden. Daher müssen wir das Programm mithilfe von Breakpoint-Debugging irgendwo anhalten und prüfen, ob das Programm Probleme hat Bei Fehlern führen wir nacheinander ein Breakpoint-Debugging durch. Öffnen Sie zunächst das Projekt mit Google Chrome.
Drücken Sie F12, um die Google-Debugging-Oberfläche zu öffnen, und wählen Sie dann Quellen aus. Der JS-Code des Projekts wird hier angezeigt. Wählen Sie die JS-Datei aus, die wir zum Debuggen benötigen.
Zuerst fügen wir Haltepunkte manuell hinzu :
Haltepunkt hinzufügen:
Stellen Sie die Bedeutung der folgenden Schaltflächen vor:
Zuerst innerhalb des roten Bereichs Von links nach rechts:
Skriptausführung anhalten/fortsetzen: Skriptausführung anhalten/fortsetzen (Programmausführung stoppt am nächsten Haltepunkt).
Schritt über nächsten Funktionsaufruf: Führen Sie den Funktionsaufruf zum nächsten Schritt aus (springen Sie zur nächsten Zeile).
Schritt zum nächsten Funktionsaufruf: Geben Sie die aktuelle Funktion ein.
Aus aktueller Funktion herausspringen: Aus der aktuellen Ausführungsfunktion herausspringen.
Alle Haltepunkte deaktivieren/aktivieren: Alle Haltepunkte schließen/aktivieren (wird nicht abgebrochen).
Pause bei Ausnahmen: Automatische Haltepunkteinstellung für Ausnahmen.
Grüner Bereich:
Bereich: Zeigt den Bereich des aktuellen Haltepunkts an
Überwachung: Klicken Sie auf das +-Zeichen, um die Variablen oder Ausdrücke hinzuzufügen, die Sie überwachen müssen
Aufrufstapel zeigt den Umgebungsaufrufstapel des aktuellen Haltepunkts an.
Haltepunkte Die aktuelle js-Haltepunktliste wird hier angezeigt
DOM-Breakpoints aktuelle DOM-Breakpoint-Listenliste
XHR Breakpoints aktuelle xhr-Breakpoint-Liste, Sie können auf das rechte + klicken, um einen Breakpoint hinzuzufügen
Event Listener Breakpoints Klicken Sie auf Einstellungen
Ereignis-Listener Aktuelle Ereignis-Listening-Haltepunktliste
Debuggen starten:
Debugging-Schnittstelle:
In der Debugging-Oberfläche setzen wir die Maus auf jede Variable des Codes und es werden die spezifischen Informationen dieser Variablen angezeigt, sodass Sie den FEHLER nach und nach beheben können.
I auch Eine Möglichkeit zum Hinzufügen Haltepunkte dienen dazu, einen Degugger an der Stelle im Code hinzuzufügen, an der er anhalten soll. Die Codeausführung wird hier gestoppt
Verwandte Empfehlungen:
Chrome+JS implementiert Breakpoint-Debugging
js Debugging-Serien-Breakpoints und Dynamisches Debuggen [Grundlagen]_Javascript-Kenntnisse
JS-Debugging Google-Entwicklertools
Das obige ist der detaillierte Inhalt vonWie debugge ich js? So debuggen Sie js mithilfe von Haltepunkten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!