CSS を使用して Chrome と Firefox のコンソール出力に色を付けることはできますか?

JavaScript コンソールでの色の表示

Chrome のコンソールを使用して、エラーの場合は赤、警告の場合はオレンジなど、色付きのテキストを表示することは可能ですか? console.log メッセージは緑色?

回答

はい、CSS を使用して、Chrome と Firefox の両方でコンソールに表示されるメッセージに色を追加することができます。 (バージョン 31 以降)。これを実現するには、次のパターンを使用します。

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

この例では、%c はテキストに適用する CSS スタイルを表し、一重引用符で囲まれた後続の文字列が実際のスタイル ルールを定義します。 CSS スタイル ルールには、背景、色、フォントの太さなどのプロパティを含めて、テキストを必要に応じて書式設定できます。

以上がCSS を使用して Chrome と Firefox のコンソール出力に色を付けることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。