Heim  >  Artikel  >  Web-Frontend  >  Wie debugge ich js? So debuggen Sie js mithilfe von Haltepunkten

Wie debugge ich js? So debuggen Sie js mithilfe von Haltepunkten

不言
不言Original
2018-08-11 14:51:492772Durchsuche

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!

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