Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Fähigkeiten des JS-Debugging-Tools Console command_javascript

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

WBOY
WBOYOriginal
2016-05-16 16:33:101375Durchsuche

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.






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.

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
Vorheriger Artikel:Detaillierte Erklärung von Array.prototype.map() in Javascript_GrundkenntnisseNächster Artikel:Detaillierte Erklärung von Array.prototype.map() in Javascript_Grundkenntnisse

In Verbindung stehende Artikel

Mehr sehen