ブラウザコンソールが色をレンダリングできるかどうかを検出する方法はありますか？

Question

ブラウザがスニッフィングせずにコンソールカラーを使用できるかどうかを確認する方法はありますか？

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55'); 

例えば、chrome 26+とfirebugでは、カラー出力が印刷されます。

Answer 1

これは、ブラウザのバージョン検出が有効な方法と思われるこれらのいくつかのケースの1つです。このアプローチの危険性を最小限に抑えるには、ホワイトリストではなくブラックリストを使用してください。これは直感的ではありません（古いネットスケープに焦点を当てたコードがたくさんあるため、 ）。私はこれがあなたが聞きたい答えではないことを承知していますが、console.logはネイティブ関数であり、その効果は決して観察できませんので、唯一のオプションはブラウザのバージョン検出を行うことです。

私は、あなたがちょうどこの

console.log('red text '.red + 'red underlined text'.red.underline + 'red bold text'.red.bold); 

を行うことができ、それは優雅この

のように低下​​します私たちは

Console.styles.register({ 
    red: 'color: red', 
    underline: 'text-decoration: underline', 
    bold: 'font-weight: bold' 
}); 

少し簡単にこれを行うことができるようにConsole.js https://github.com/icodeforlove/Console.js書いた

Answer 2