今日のFacebookでChrome.
驚いたことに、このメッセージがコンソールに表示されました。
今、私の質問は:
これはどのように可能ですか?
コンソールには「エクスプロイト」メソッドがいくつかあることは知っていますが、コンソールでそのようなフォントの書式を設定するにはどうすればよいですか? (それはconsole.logですか?)
はい、次のような形式でconsole.log()
をフォーマットできます。
console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");
最初の引数のテキストの前の%c
と、2番目の引数のスタイル指定に注意してください。テキストは例のようになります。
Googleの「CSSを使用したコンソール出力のスタイリング」 または FireBugのコンソールドキュメント を参照してください。
ドキュメントリンクには、コンソールリンクにオブジェクトリンクを含めるなど、その他の巧妙なトリックも含まれています。
これを試して:
console.log("%cThis will be formatted with blue text", "color: blue");
ドキュメントを引用して、
%c形式指定子を使用して、console.log()または関連メソッドでコンソールに書き込む文字列にカスタムCSSルールを適用します。
GoogleのWebサイトから: site
console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");