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', '');
空の文字列を渡すと元のスタイルに戻るみたいです。
うまくログにスタイルをつければ、デバッグも捗るかな。