Edited at

Chromeでconsole.logにスタイルを適用する

More than 5 years have passed since last update.

https://github.com/adamschwartz/log

これのソース読んでて知りました。

console.log('あいうえお%cかきくけこ', 'color: red');

このようにすると%cよりあとの文字(かきくけこ)にCSSが適用されて赤くなります。

console.log('%cred %cgreen %cblue', 'color: red', 'color: green; font-weight: bold', 'color: blue');

こんなふうに複数のCSSを使えます。

console.log('normal %cbold%c normal', 'font-weight: bold; font-size: large', '');

空の文字列を渡すと元のスタイルに戻るみたいです。

うまくログにスタイルをつければ、デバッグも捗るかな。