Jak utworzyć sformatowane komunikaty dziennika konsoli JavaScript

„Wędrowałem” dziś przez konsolę w Chrome na Facebooku.
O dziwo dostałem tę wiadomość w konsoli.

Teraz moje pytanie brzmi:
jak to jest możliwe?
Wiem, że istnieje kilka metod „exploitów” dla konsoli, ale jak można zrobić takie formatowanie czcionek w konsoli? (a czy to console.log?)

Tak, możesz sformatować plik za console.log()pomocą czegoś takiego:

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

Zwróć uwagę na %cpoprzedni tekst w pierwszym argumencie i specyfikacje stylu w drugim argumencie. Tekst będzie wyglądał jak przykład.

Aby uzyskać więcej informacji, zobacz Google „Styling Console Output with CSS” lub FireBug's Console Documentation .

Odnośniki do dokumentacji zawierają także inne fajne sztuczki, takie jak dołączanie dowiązań do obiektów w dzienniku konsoli.

Spróbuj tego:

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

Cytując dokumenty,

Specyfikator formatu% c służy do stosowania niestandardowych reguł CSS do dowolnego ciągu zapisywanego w konsoli za pomocą console.log () lub powiązanych metod.

Źródło: https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

Możesz także formatować podciągi.

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

Z witryny Google: witryna

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