В этой статье мы научимся добавлять цвета к выводам консоли Javascript. Добавление цветов к выводам консоли JavaScript позволяет различать разные сообщения и делать их визуально более читабельными. для достижения этого у нас есть несколько общих подходов.
- Использование заполнителя %c
- Использование escape-кода ANSI
Подход 1: Использование %C: Заполнитель %c — это специальный синтаксис, позволяющий применять стили CSS к указанным разделам вывода консоли. Это позволяет программистам форматировать консольные сообщения в соответствии с принципами CSS,
Синтаксис:
console.log("%c GeeksforGeeks", "color:green;"); Пример: В этом примере мы используем описанный выше подход.
Javascript
let outputColor ="color:green; font-size:20px;"console.log("%c GeeksforGeeks", outputColor);console.log("%c A computer Science Portal", outputColor);
Выход:
Подход 2: Использование escape-кода ANSI. Цвет вывода консоли можно изменить с помощью JavaScript, используя escape-коды ANSI. Внешний вид сообщений консоли можно изменить, чтобы улучшить читаемость и визуальную различимость, вставив escape-последовательности, такие как ’\x1b[36m%s\x1b[0m’ для зеленого цвета.
Синтаксис:
console.log('\x1b[36m%s\x1b[0m', 'GeeksforGeeks'); Пример: в этом примере мы используем описанный выше подход для изменения цвета вывода в консоли.
Javascript
console.log('\x1b[36m%s\x1b[0m','GeeksforGeeks');console.log('\x1b[36m%s\x1b[0m','A computer science portal')
Выход:
