Heim >Web-Frontend >js-Tutorial >Chrome+JS implementiert das Breakpoint-Debugging

Chrome+JS implementiert das Breakpoint-Debugging

php中世界最好的语言
php中世界最好的语言Original
2018-04-18 10:56:401784Durchsuche

Dieses Mal zeige ich Ihnen Chrome+JS, um das Breakpoint-Debugging zu implementieren. Was sind die Vorsichtsmaßnahmen für Chrome+JS, um das Breakpoint-Debugging zu implementieren?

Tipp 2: Springen Sie schnell zu einem Haltepunkt

Die Haltepunkte auf der rechten Seite fassen alle Haltepunkte zusammen, die Sie in der JS-Datei erreicht haben. Wenn Sie auf dieselbe Zeile wie das Kontrollkästchen klicken, wird der Haltepunkt vorübergehend aufgehoben der Haltepunkt. Standort

Tipp 3: Überprüfen Sie den internen Umfang des Haltepunkts [sehr praktisch]

Auf der rechten Seite Bereich können Sie viele praktische Informationen sehen, z. B. wohin dieser zeigt, ob er einen Wert hat, ob der Haltepunkt ein Objekt oder etwas anderes ist usw.

Tipp 4: Achten Sie auf Ereignishaltepunkte

Die Event Listener Breakpoints auf der rechten Seite können bestimmte Arten von Verhaltensereignissen, wie Tastatureingaben, Ziehen usw., selektiv überwachen. . Aktivieren Sie das vorherige Kontrollkästchen, damit es wirksam wird. Wenn Sie die Verhaltensänderung auslösen, springt sie zum ausgelösten JS

Tipp 5: DOM- und XHR-Überwachungssprung

DOM-Haltepunkte: Es handelt sich um Ihre Elements-Seite. Ich habe das Gefühl, dass es in einem bestimmten Abschnitt von DOM zu einem Verhalten kommt, aber ich kenne den genauen Speicherort nicht

XHR-Haltepunkte

: Die vom Server angeforderten Kernpunkte von Ajax Alle XHR-Verhaltensweisen werden standardmäßig überprüft und die optionale Option besteht darin, die URL zu bestimmen. . . Ich benutze es nicht oft

Tipp 6: Einstufige Ausführung, einstufiger Eintritt, erzwungener Eintritt, einstufiger Austritt Dieses Zeug ist für das Debuggen unerlässlich. Tatsächlich werden Freunde, die Firebug verwendet haben, ein klares Verständnis davon haben. Im Grunde das Gleiche;

Die Funktionsnomen sind in Ordnung. Wenn Sie es nicht verstehen, können Sie sich meine Firebug-Serie ansehen

    Skriptausführung anhalten [Einzelschrittausführung, Pause am Haltepunkt, auf Debugging warten – keine wörtliche Übersetzung]: Nach dem Anhalten wird diese Schaltfläche zu Skriptausführung fortsetzen [Ausführung fortsetzen], Tastenkombination [F8 oder Strg +]
  • Weiter zum nächsten Funktionsaufruf. 【Einzelschritt überspringen】: Springt zum nächsten Haltepunkt, Tastenkombination 【F10 oder Strg + `】
  • Weiter zum nächsten Funktionsaufruf 【 Verlassen Sie die aktuelle Funktion [Einzelschritt verlassen]: Es wird aus der aktuellen Haltepunktfunktion herausgesprungen, Tastenkombination [Umschalt + F11 oder Strg + Umschalt + ;]
  • Im Folgenden sind die Besonderheiten von Chrom aufgeführt
  • Haltepunkte deaktivieren: Alle Haltepunkte vorübergehend ungültig machen, Tastenkombination [Strg + F8]

    Bei Ausnahmen nicht pausieren: Beim Ausdruck nicht pausieren, es gibt eine Option [Pause bei abgefangenen Ausnahmen – Wenn eine Ausnahme ausgelöst wird, müssen Sie dort eine Pause einlegen]
  • Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie hier Verwandte Artikel auf der chinesischen PHP-Website!
  • Empfohlene Lektüre:

vue.js mobiles Terminal implementiert Pull-Up-Laden und Pull-Down-Aktualisierung

Ausführliche Erklärung der Installationsschritte von JSONBuddy

Das obige ist der detaillierte Inhalt vonChrome+JS implementiert das Breakpoint-Debugging. 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