Задать стиль для Console.log в строковой переменной?

Question

Я пытаюсь настроить более приятный вывод журнала консоли для сценария JavaScript, который я запускаю, используя доступные параметры стилей.

В этом случае:

s=`Title 1 \n This is some text that follows the first title`;
s=`${s} \n Title 2 \n This is some other text that follows`;
console.log(s);

Я хотел бы получить вывод:

Заголовок 1

Это текст, следующий за первым заголовком

Заголовок 2

Это еще один текст, следующий за

Но, учитывая примеры, которые я нашел для стилизации, я не могу найти, как это сделать, как

console.log(`%c ${s}`, 'font-weight:bold');

смел бы все внутри.

Могу ли я дать совет?

Спасибо!

Answer 1

Если вы хотите применить разные стили к разным частям журнала, вы должны использовать несколько %c и добавить несколько аргументов стиля.

console.log(`%cTitle 1 \n %cThis is some text that follows the first title`, 'font-weight:bold', 'font-weight: normal');

Насколько я знаю, это единственный способчтобы сделать это.

https://hackernoon.com/styling-logs-in-browser-console-2ec0807dc91a

Answer 2

Просто войдите несколько раз, затем:

 console.log(`%c Title 1`, 'font-weight:bold');
 console.log("content");