ทันเอไอ

Знакомьтесь: Styled Logging — функция стилизации текста в консоли, родившаяся из плагина Firebug 14 лет назад

Огромная надпись «СТОП» в Developer Console на сайте TH AI Passport вызвала вопросы у многих — на самом деле это функция Styled Logging, существующая со времён плагина Firebug 2012 года

В последнее время многие тайские интернет-пользователи были удивлены, открыв Developer Console (инструмент разработчика, скрытый в браузере) на государственном сайте TH AI Passport и увидев большую заметную надпись «СТОП». Многие только сейчас узнали, что консоль умеет красиво отображать форматированный текст, хотя на самом деле эта функция доступна разработчикам уже больше десяти лет.

Функция называется Styled Logging — это стилизация текста в консоли с помощью CSS (языка описания внешнего вида веб-страниц) через команду console.log с использованием спецификатора %c перед текстом, за которым следуют значения CSS, например цвет текста, размер шрифта или цвет фона. Например, console.log("%cТекст", "color: red; font-size: 20px;") — и текст в консоли сразу станет крупным и красным.

Вернёмся в 2006 год: тогда в браузерах ещё не было встроенной Developer Console, как сегодня. Джо Хьюитт, бывший инженер-программист Netscape и сооснователь проекта Firefox, создал Firebug — плагин, позволявший разработчикам отлаживать (находить и исправлять ошибки) сайты прямо в браузере. Позже, в 2012 году, в Firebug версии 1.11 появилась поддержка Styled Logging через %c с возможностью задавать несколько CSS-стилей в одном логе — именно с этого началась известность этой функции.

Затем основные браузеры постепенно встроили её в свои инструменты: Firefox добавил Styled Console Logs в качестве базовой функции начиная с версии 31 в 2014 году, а Chrome, Edge и Safari также поддерживают её. В настоящее время %c уже закреплён как международный стандарт в спецификации WHATWG Console Specification.

Что касается сайта TH AI Passport, вывод крупного предупреждающего сообщения в консоли — это популярный приём, с помощью которого сайты предостерегают обычных пользователей от вставки постороннего кода в консоль, ведь мошенники могут обманом заставить выполнить опасные команды. Поэтому, увидев подобное сообщение, не пугайтесь — просто не копируйте и не вставляйте код по совету незнакомцев, и всё будет в безопасности.