Wie setzt man einen JavaScript-Haltepunkt aus dem Code in Chrome?

Question

Ich möchte den Chrome-Debugger dazu zwingen, in einer Zeile abzubrechen über Code oder eine Art von Kommentar-Tag verwenden, wie z. B. console.break() .

Answer 1

Gehen Sie auf der Registerkarte "Skripte" zu der Stelle, an der sich Ihr Code befindet. Klicken Sie links neben der Zeilennummer. Dadurch wird ein Haltepunkt gesetzt.

Screenshot:

Sie können dann Ihre Haltepunkte auf der rechten Registerkarte verfolgen (wie im Screenshot gezeigt).

Answer 2

Es gibt viele Möglichkeiten, JavaScript-Code zu debuggen. Die folgenden zwei Ansätze sind weit verbreitet, um JavaScript über den Code zu debuggen

1. 使用方法 console.log() um die Werte im Browser auszudrucken Konsole. (Dies wird Ihnen helfen, die Werte an bestimmten Stellen Ihres Codes zu verstehen)

2. Debugger-Schlüsselwort. hinzufügen debugger; zu den Stellen, die Sie und öffnen Sie die Entwicklerkonsole des Browsers und navigieren Sie zur Registerkarte Registerkarte Quellen.

Weitere Tools und Möglichkeiten zum Debuggen von JavaScript-Code finden Sie in dieser Link von W3School .

Answer 3

Das ist möglich, und es gibt viele Gründe, warum Sie dies tun sollten. Zum Beispiel das Debuggen einer Javascript-Endlosschleife in der Nähe des Beginns des Seitenladens, die das Chrome-Entwickler-Toolset (oder Firebug) vom korrekten Laden abhält.

Siehe Abschnitt 2 von

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

oder fügen Sie einfach eine Zeile mit dem Wort "Debugger" an der gewünschten Teststelle in Ihren Code ein.

Answer 4

Haltepunkt :-

Haltepunkt wird die Ausführung angehalten und Sie können die JavaScript-Werte untersuchen.

Nach der Prüfung der Werte können Sie die Ausführung des Codes fortsetzen (in der Regel mit einer Wiedergabetaste).

Debugger :-

Der Debugger; stoppt die Ausführung von JavaScript und ruft die Debugging-Funktion auf.

Die Debugger-Anweisung unterbricht die Ausführung, aber sie schließt keine Dateien und löscht keine Variablen.

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};

Answer 5

Sie können einstellen debug(functionName) auch für Debugging-Funktionen.

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function