Как создать отформатированные сообщения журнала консоли javascript

Сегодня я «ковылял» консолью в Chrome на Facebook.
На удивление я получил это сообщение в консоли.

Теперь мой вопрос:
как это возможно?
Я знаю, что для консоли есть несколько "эксплойтов", но как сделать такое форматирование шрифтов в консоли? (и это console.log?)

Да, вы можете отформатировать console.log()примерно так:

console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");

Обратите внимание на %cпредшествующий текст в первом аргументе и спецификации стиля во втором аргументе. Текст будет похож на ваш пример.

См . «Вывод консоли стилизации с помощью CSS» или документацию по консоли FireBug для получения более подробной информации.

Ссылки на документацию также включают в себя некоторые другие полезные приемы, такие как включение ссылок на объекты в журнал консоли.

Попробуй это:

console.log("%cThis will be formatted with blue text", "color: blue");

Цитируя документы,

Вы используете спецификатор формата% c, чтобы применить пользовательские правила CSS к любой строке, которую вы пишете в консоли с помощью console.log () или связанных методов.

Источник: https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

Вы также можете форматировать подстроки.

var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);

С веб- сайта Google: site

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