Wie erstelle ich formatierte Javascript-Konsolenprotokollnachrichten?

Ich habe heute auf Facebook von der Konsole in Chrome "watschelt".
Überraschenderweise habe ich diese Nachricht in der Konsole erhalten.

Meine Frage ist nun:
Wie ist das möglich?
Ich weiß, dass es einige Exploit-Methoden für die Konsole gibt, aber wie können Sie eine solche Schriftformatierung in der Konsole vornehmen? (und ist es console.log?)

Ja, Sie können das console.log()mit so etwas formatieren :

console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");

Beachten Sie den %cvorhergehenden Text im ersten Argument und die Stilspezifikationen im zweiten Argument. Der Text sieht aus wie Ihr Beispiel.

Weitere Informationen finden Sie in Googles "Styling Console Output with CSS" oder in der FireBug Console-Dokumentation .

Die Dokumentationslinks enthalten auch einige andere nette Tricks, wie das Einfügen von Objektlinks in ein Konsolenprotokoll.

Versuche dies:

console.log("%cThis will be formatted with blue text", "color: blue");

Zitieren der Dokumente,

Sie verwenden den Formatbezeichner% c, um benutzerdefinierte CSS-Regeln auf alle Zeichenfolgen anzuwenden, die Sie mit console.log () oder verwandten Methoden in die Konsole schreiben.

Quelle: https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

Sie können auch Teilzeichenfolgen formatieren.

var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);

Von der Google-Website: Website

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