English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Das Console-Objekt bietet Zugang zum Browser-Debugging-Konsol.
Die häufigsten Funktionen des Konsols sind das Protokollieren von Text und anderen Daten.
Die einfachste Methode, Protokollierungsmethoden zu verwenden, ist das Ausgeben von Zeichenfolgen:
console.log("Hello world!!!");Testen Sie es heraus‹/›
Sie können auch mehrere Objekte ausgeben, indem Sie sie einfach beim Aufruf der Protokollierungsmethode auflisten, wie folgt:
var car = "Scorpio"; var myObject = { str: "Some text", id: 12 }; console.log("My first car was a", car, ". The object is:", myObject);Testen Sie es heraus‹/›
Verwenden Sie%c
Anweisungen wenden CSS-Style auf die Konsolenausgabe an:
console.log("This is %cMy stylish message", "color:white; background-color:black;");Testen Sie es heraus‹/›
Anweisungen vor dem Text unbeeinflusst bleiben, aber der Text nach der Anweisung wird mit den im Parameter enthaltenen CSS-Deklarationen formatiert.
Dieses Codebeispiel zeigt, wie mehrere%c
Anweisungen wenden CSS-Style auf die Konsolenausgabe an:
console.log("%cThis is %cMy stylish %cmessage", "color:white; background-color:#4285f4; font-size: 2em;", "color:#19EE1F; background-color:black; font-size: 2em;", "color:black; background-color:yellow; font-size: 2em;");Testen Sie es heraus‹/›
Das folgende Tableau zeigt die Methoden des Console-Objekts an:
Methode | Beschreibung |
---|---|
assert() | Fügen Sie eine Nachricht und den Stack-Trace zum Console hinzu, wenn der erste Parameter false ist |
clear() | Leeren Sie die Konsole |
count() | Protokollieren Sie die Anzahl der Aufrufe von count() |
error() | Geben Sie eine Fehlermeldung auf die Konsole aus |
group() | Erstellen Sie eine neue Inline-Gruppe und fügen Sie alle nachfolgenden Ausgaben ein, um eine andere Ebene zu indizieren. Rufen Sie groupEnd() auf, um eine Ebene herauszunehmen. |
groupCollapsed() | Verwenden Sie dies, um eine geklappte Gruppeninformation zu setzen, alle Informationen, die unter diesem Code ausgegeben werden, werden in der geklappten Gruppe ausgegeben. Klicken Sie auf die Schaltfläche Erweiterung, um die Gruppeninformationen zu öffnen. |
groupEnd() | Verlassen Sie die aktuelle Inline-Gruppe |
info() | Geben Sie eine informative Nachricht auf die Konsole aus |
log() | Geben Sie eine Nachricht auf die Konsole aus |
table() | Zeigen Sie Tabellen Daten als Tabelle an |
time() | Starten Sie einen Timer (der die Dauer von Operationen verfolgen kann) |
timeEnd() | Stoppen Sie den Timer, der zuvor von console.time() gestartet wurde |
trace() | Geben Sie den Stack-Trace auf die Konsole aus |
warn() | Geben Sie eine Warnmeldung auf die Konsole aus |