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


Я "вразвалку" на консоли в Chrome на Facebook сегодня.
Удивительно, но я получил это сообщение в консоли.

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

4 66

4 ответа:

Да, вы можете в формате console.log() что-то вроде этого:

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

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

посмотреть Google "стиль вывода консоли с CSS" или документация консоли FireBug для более подробной информации.

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

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

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

со ссылкой на документы,

спецификатор формата %c используется для применения пользовательских правил CSS к любому строка, которую вы пишете в консоль с помощью консоли.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);

enter image description here

С сайта Google:сайт

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