[解決済み] javascript のコンソールログメッセージをフォーマット化する方法

質問

今日、FacebookでChromeのConsoleを「よちよち歩き」してしまいました。

驚いたことに、コンソールにこんなメッセージが表示されたのです。



さて、質問です。

これはどのように可能なのでしょうか？

コンソールの'exploit'メソッドがいくつかあるのは知っていますが、コンソールでこのようなフォントフォーマットを作るにはどうすればいいのでしょうか？(そして、console.logでしょうか?)

どのように解決するのですか？

はい、あなたは console.log() をこのようなものでフォーマットすることができます。

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

この %c の前に、第1引数のテキストと第2引数のスタイル指定があることに注意してください。テキストはあなたの例のようになります。

参照 Google の "Styling Console Output with CSS" を参照してください。 または FireBug のコンソールに関するドキュメント を参照してください。

ドキュメントのリンクは、コンソールログにオブジェクトのリンクを含むような、他の巧妙なトリックも含んでいます。