フォーマットされたJavaScriptコンソールログメッセージを作成する方法

今日、私はFacebookのChromeのコンソールに「ぶらぶら」しました。
驚いたことに、コンソールにこのメッセージが表示されました。

今私の質問です：
これはどのようにして可能ですか？
コンソールにはいくつかの「エクスプロイト」メソッドがあることは知っていますが、コンソールでそのようなフォントフォーマットを作成するにはどうすればよいですか？（それはconsole.logですか？）

はい、次のconsole.log()ようにフォーマットできます：

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

%c最初の引数の前のテキストと2番目の引数のスタイル指定に注意してください。テキストは例のようになります。

詳細については、Googleの「CSSを使用したスタイリングコンソール出力」またはFireBugのコンソールドキュメントを参照してください。

ドキュメントのリンクには、コンソールのログにオブジェクトのリンクを含めるなど、他にもいくつかの巧妙なトリックが含まれています。

これを試して：

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

ドキュメントを引用して、

％c形式指定子を使用して、console.log（）または関連メソッドでコンソールに書き込む文字列にカスタムCSSルールを適用します。

ソース：https : //developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

サブストリングをフォーマットすることもできます。

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

Googleのウェブサイトから：サイト

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