Welche Methoden gibt es zum Debuggen von JS-Skripten?

Dieser Artikel stellt hauptsächlich die Methode zum Debuggen dynamischer JS-Skripte im Browser vor. Der Artikel stellt Ihnen zwei Debugging-Methoden vor, die sehr gut sind und einen Referenzwert haben Tianla hat den Front-End-Code des Unternehmens geändert und festgestellt, dass das zu debuggende JS-Skript in der Quellenoption nicht aufgeführt war. Dies könnte der Grund dafür sein wird nicht angezeigt, aber wenn Sie keine Haltepunkte debuggen können, ist das Drucken von Protokollen sehr ermüdend und die Effizienz ist zu gering. Ich habe versucht, im Internet zu suchen, und es gibt zwei Möglichkeiten, das Problem zu lösen:

1. Fügen Sie es dem Skript hinzu //# sourceURL=xxxxxxxxx.js, benennen Sie es selbst, Sie können den Dateinamen direkt verwenden, wie unten gezeigt:

Dann öffnen Die Seite, die dieses JS enthält, kann in den Entwicklertools angezeigt werden. Sie können Punkte wie gewöhnliches JS unterbrechen

2 ist zu verwenden console.log("Lass es mich debuggen!") Drucken Sie das Protokoll aus. Nachdem Sie die Ausgabe in der Browserkonsole angezeigt haben, klicken Sie auf den Link unten, um zum dynamischen Skript zu springen. Der Name lautet im Allgemeinen vmXXX, wie unten gezeigt:

Das Obige habe ich für alle zusammengestellt und hoffe, dass es hilfreich ist alle in der Zukunft.

Verwandte Artikel:

Eine detaillierte Einführung in mehrere JavaScript-Codierungsspezifikationen (ausführliches Tutorial)

Eine detaillierte Einführung in den Quellcodeeintrag Datei in Vue (Ausführliches Tutorial)

Detaillierte Einführung in die Kapselung häufig verwendeter Werkzeugklassen in JavaScript (ausführliches Tutorial)

Wie vue+ Springboot implementiert domänenübergreifendes Single Sign-On. Frage (ausführliches Tutorial)

So implementieren Sie den Scroller, kehren Sie zur Seite in Vue zurück und merken Sie sich die Scrollposition

So behandeln Sie Deep Copy in Vue

So lesen und schreiben Sie Cookies in JavaScript

So laden Sie mehrere Dateien in WeChat mini herunter Programm

Erklären Sie das Object-Objekt im Detail in JS

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Debuggen von JS-Skripten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!