English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Console-Objekt

Console-Objekt

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%cAnweisungen 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%cAnweisungen 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‹/›

Methoden des Konsollobjekts

Das folgende Tableau zeigt die Methoden des Console-Objekts an:

MethodeBeschreibung
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