Как создать форматированные сообщения журнала консоли javascript
Я "вразвалку" на консоли в Chrome на Facebook сегодня.
Удивительно, но я получил это сообщение в консоли.
Теперь мой вопрос:
Как это возможно?
Я знаю, что есть несколько методов эксплойта для консоли, но как вы можете сделать такое форматирование шрифта в консоли? (и это консоль.лог?)
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() или связанных с методы.
вы также можете форматировать подстроки.
var red = 'color:red'; var blue = 'color:blue'; console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);
С сайта Google:сайт
console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");