JavaScriptをJavascriptコンソールにレンダリングすることはできますか？

Question

私はコンソールからHTMLをレンダリングしたいと思います（/情報/警告ログ）：。

console.html("<h1>Hello!</h1>"); 

こんにちは...

をレンダリングするでしょう！

...コンソールパネルに。どういうわけか可能ですか？

ps：記録のために、log/info/warn/errorメッセージよりも多くの色付けオプションが必要です。

Answer 1

CSS format specifierを使用すると可能です。

例：

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");

CSSの書式指定子を使用すると、 コンソールに表示をカスタマイズすることができます。指定子で文字列を開始し、 が2番目のパラメータとして適用するスタイルを指定します。

この機能は、すべての主要なブラウザ開発ツールでサポートされています。 Chrome DevTools、the one for the Firefox DevToolsまたはthe one for Firebugのリファレンスを参照してください。

あなたがHTML自体を使用することはできませんが、あなたは多くのHTML要素を模倣するためにCSSを使って好きなテキストスタイルすることができますので：

console.log("%cHello!", "font-size: 3em");