Недавно я вошел в свою учетную запись FB в браузере Chrome. Когда я открыл инструменты для разработчиков, я увидел что-то вроде этого:
Теперь я знаю, что можно добавить что-нибудь в консоль, используя функцию javascript console.log. Но мой вопрос: как они добавили стиль в текст? Например. "Стоп!" написано красным шрифтом тахома с черной рамкой и большим размером. Как они это сделали?
Адди Османи имеет хорошее объяснение:
https://plus.google.com/+AddyOsmani/posts/TanDFKEN9Kn
В принципе, вы можете использовать параметр% c paramater для стилизации CSS. Например, попробуйте выполнить следующее на вашей хромовой консоли:
console.log("%cBlue! %cGreen", "color: blue; font-size:15px;", "color: green; font-size:12px;");