ブラウザのコンソール画面のログをリッチにしたい

 Facebook を開いているときに開発者ツールをふと開くと、このような表示になります。

この目立つログ、実現できないのかと探してみました。

console.log('%cエラー', 'font-size: 2em; color: red;');

まず、第一引数にログ文言を出しているところに、デザイン適用させたい先頭に「%c」を付加。次に第二引数に「%c」に適用させたいCSSを定義します。
「%c」は複数指定でき、第三引数以降が順次適用されるようです。

console.log('%cエラー%cエラー', 'font-size: 2em; color: red', 'font-size: 3em; color: yellow')

実行結果