Comment créer des messages de journal de console javascript formatés

Je me suis «dandiné» devant la console dans Chrome sur Facebook aujourd'hui.
Étonnamment, j'ai reçu ce message dans la console.

Maintenant ma question est:
comment est-ce possible?
Je sais qu'il existe quelques méthodes «d'exploitation» pour la console, mais comment pouvez-vous faire un tel formatage de police dans la console? (et est-ce console.log?)

Oui, vous pouvez formater le console.log()avec quelque chose comme ceci:

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

Notez ce qui %cprécède le texte dans le premier argument et les spécifications de style dans le deuxième argument. Le texte ressemblera à votre exemple.

Consultez la section "Styling Console Output with CSS" de Google ou la documentation de la console FireBug pour plus de détails.

Les liens de documentation incluent également d'autres astuces intéressantes telles que l'inclusion de liens d'objet dans un journal de console.

Essaye ça:

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

Citant les documents,

Vous utilisez le spécificateur de format% c pour appliquer des règles CSS personnalisées à toute chaîne que vous écrivez dans la console avec console.log () ou des méthodes associées.

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

Vous pouvez également formater des sous-chaînes.

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

Depuis le site Web de Google: site

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