Heim > Web-Frontend > js-Tutorial > Hauptteil

So debuggen Sie JS-Code mit dem Browser

清浅
Freigeben: 2021-04-15 15:23:27
Original
13708 Leute haben es durchsucht

So debuggen Sie JS-Code im Browser: 1. Öffnen Sie den Chrome-Browser und wählen Sie direkt Chrome zum Ausführen aus. 2. Rufen Sie die Seite auf und klicken Sie auf F12 oder die Tastenkombination „Strg+Umschalt+I“. Wählen Sie „Quellen“ und legen Sie Haltepunkte für das Code-Debuggen fest.

So debuggen Sie JS-Code mit dem Browser

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, Javascript1.8.5&&Chrome76.0.

Beim Schreiben von Programmen stoßen Sie häufig auf Probleme der einen oder anderen Art. Zu diesem Zeitpunkt müssen Sie debuggen, um zu sehen, wo der Fehler auftritt. In JavaScript wird dies jedoch immer der Fall sein sehr unbequem sein. Zu diesem Zeitpunkt sind die Debugging-Tools, die mit jedem Browser geliefert werden, praktisch

So debuggen Sie JS-Code mit dem Browser

Chrome-Browser

1. Öffnen Sie den Chrome-Browser. Wählen Sie Chrome direkt zum Ausführen aus, derselbe Vorgang wie bei anderen Browsern

So debuggen Sie JS-Code mit dem Browser

2. Klicken Sie nach dem Aufrufen der Seite auf F12 oder Strg+Umschalt+I. Sie können auch mit der rechten Maustaste auf Auswählen klicken „Überprüfen“ auf der Schnittstelle. Zu diesem Zeitpunkt sehen Sie die folgende Oberfläche:

So debuggen Sie JS-Code mit dem Browser

3 Wir wählen „Quellen“ wie folgt aus:

So debuggen Sie JS-Code mit dem Browser

Klicken Sie auf die Zahl davor und es erscheint ein blaues Kästchen, was bedeutet, dass sie markiert wurde. Dies ist Code-Debugging in Chrome.

Firefox-Browser

Befolgen Sie zunächst den ersten Schritt von Chrome.
Klicken Sie nach dem Aufrufen der Seite auf F12 oder klicken Sie mit der rechten Maustaste auf die Benutzeroberfläche und wählen Sie „Elemente anzeigen“. Diese Schnittstelle wird angezeigt:

So debuggen Sie JS-Code mit dem Browser

Wir können den Debugger auswählen, dann die Datei suchen, die debuggt werden muss, und den Inhalt finden, der debuggt werden muss, in der Debug-Datei. wie folgt:

So debuggen Sie JS-Code mit dem Browser

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für alle hilfreich sein, das Debuggen von JavaScript-Code zu lernen

[Empfohlene Kurse: JavaScript-Tutorial]

Das obige ist der detaillierte Inhalt vonSo debuggen Sie JS-Code mit dem Browser. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage