Как добавить цвета к выводам консоли JavaScript?

Как стать разработчиком JavaScript Программирование и разработка

В этой статье мы научимся добавлять цвета к выводам консоли 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')

Выход:

спользование escape-кода ANS

Читайте также:  Как прочитать локальный файл с помощью PHP?
Оцените статью
bestprogrammer.ru
Добавить комментарий