简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Fähigkeiten des JS-Debugging-Tools Console command_javascript

WBOY
Freigeben： 2016-05-16 16:33:10
Original
1310 Leute haben es durchsucht

1. Befehle zum Anzeigen von Informationen

Code kopieren Der Code lautet wie folgt:




Allgemeine Konsolenbefehle






Das am häufigsten verwendete ist console.log.

2: Platzhalter

Die obige Konsolenkonzentration unterstützt das Platzhalterformat von printf. Die unterstützten Platzhalter sind: Zeichen (%s), Ganzzahlen (%d oder %i), Gleitkommazahlen (%f) und Objekte (%o)

Code kopieren Der Code lautet wie folgt:



Wirkung:

3. Informationsgruppierung

Code kopieren Der Code lautet wie folgt:




Allgemeine Konsolenbefehle







Wirkung:



4. Objektinformationen anzeigen

console.dir() kann alle Eigenschaften und Methoden eines Objekts anzeigen.



Code kopieren Der Code lautet wie folgt:



Wirkung:


5. Den Inhalt eines Knotens anzeigen

console.dirxml() wird verwendet, um den in einem Knoten der Webseite enthaltenen HTML/XML-Code anzuzeigen.



Code kopieren Der Code lautet wie folgt:

Wirkung:


6. Bestimmen Sie, ob die Variable wahr ist

console.assert() wird verwendet, um zu bestimmen, ob ein Ausdruck oder eine Variable wahr ist. Wenn das Ergebnis „nein“ ist, wird eine entsprechende Meldung an die Konsole ausgegeben und eine Ausnahme ausgelöst.

Code kopieren Der Code lautet wie folgt:


1 ist ein Wert ungleich Null, was wahr ist; während die zweite Beurteilung falsch ist, wird eine Fehlermeldung auf der Konsole angezeigt

7. Verfolgen Sie den Aufruf-Trace der Funktion.

console.trace() wird verwendet, um den Aufruf-Trace der Funktion zu verfolgen.

Code kopieren Der Code lautet wie folgt:


Informationen zur Konsolenausgabe:


8. Timing-Funktion

console.time() und console.timeEnd() werden verwendet, um die Laufzeit des Codes anzuzeigen.

Code kopieren Der Code lautet wie folgt:


Die Laufzeit beträgt 38,84 ms


9. Leistungsanalyse von console.profile()

Bei der Leistungsanalyse (Profiler) wird die Laufzeit jedes Programmteils analysiert und ermittelt, wo der Engpass liegt. Die verwendete Methode ist console.profile().

Code kopieren Der Code lautet wie folgt:


Erklären Sie, dass während des LZ-Tests keine Warnung zu All() hinzugefügt wurde und die Steuerleiste keine Ausgabe hatte. Der Grund dafür ist noch nicht klar kann kommentieren.

Verwandte Etiketten：
js 调试工具
Quelle：php.cn
Vorheriger Artikel：Detaillierte Erklärung von Array.prototype.map() in Javascript_Grundkenntnisse Nächster Artikel：Verwenden Sie das Prinzip des jQuery-Timers, um den Wechsel von Bannerbildern zu realisieren
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
Aktuelle Ausgaben
Kann ein in mehreren Routen deklarierter Workerpool seine CPU-Auslastung trotzdem beibehalten, ohne sich um den Schwellenwert zu kümmern? Ich hoffe, ein node.js-System mit einem Workerpool zu finden, um CPU-intensive Aufgaben zu...
Aus 2024-04-06 19:54:23
0
1
444
Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...
Aus 2024-04-06 18:16:26
0
1
403
Ausgeblendete Seitenbereiche anzeigen: aktiviert Ich hätte gerne ein Navigationsmenü im Seitenbereich mit der Möglichkeit, über ein animier...
Aus 2024-04-06 15:49:33
0
1
319
Sollten wir SSG verwenden, um mit Nuxt.js erstellte Dashboards bereitzustellen? Wir werden mit Nuxt.js ein Dashboard für den internen Gebrauch entwickeln. Da es sich um e...
Aus 2024-04-06 13:17:44
0
1
493
Electron erhält AppData beim Vorladen Wie erhalte ich das vorinstallierte AppData-Verzeichnis? Background.js[...]asyncfunctioncr...
Aus 2024-04-06 11:05:31
0
1
417
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！