Ist es möglich, HTML in die Javascript-Konsole zu rendern?

Question

Ich möchte HTML von einer Konsole machen (log/info/warnen.):

console.html("<h1>Hello!</h1>"); 

machen würde ...

Hallo!

... in die Konsole. Ist es irgendwie möglich?

ps .: für den Datensatz möchte ich mehr Färbung Optionen als log/info/warn/Fehlermeldungen haben.

Answer 1

In gewisser Weise ist es möglich mit der .

Beispiel:

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");

Die CSS-Formatangabe können Sie die Anzeige in der Konsole anpassen. Starten Sie die Zeichenfolge mit dem Spezifizierer und geben Sie den Stil als zweiten Parameter an.

Diese Funktion wird von allen Haupt-Browser-Entwickler-Tools unterstützt. Siehe die Referenz für die Chrome DevTools, the one for the Firefox DevTools oder the one for Firebug.

Während Sie also nicht HTML per se verwenden können, können Sie Stil, was Text Sie CSS wollen mit vielen HTML-Elemente zu imitieren:

console.log("%cHello!", "font-size: 3em");