Как изменить цвет строки в консоли chrome?

Question

Я знаю, как изменить цвет первой строки.

console.log ( '%c%s', 'color:' + color, str )

Но моя строка выглядит следующим образом.

console.log('%c'+ args[args.length-1], 'color:' + color,performance['now'](true, args[args.length-1]),'[(', ...args.slice(0, args.length-1),'*)',`${message}`,']')

Это даст мой результат:

Как я могу изменить свой console.log, чтобы сообщение '~~~~~~~~~ пример ~~~~~~~~~~' также меняло цвет?

Добавление:

Я не понимаю ...

Все примеры имеют вид

console.log ( '%c%s', 'color:' + color, str )

Я сделал одну строку такого рода и мой цвет сохранился. Но вот еще одна проблема.

    console.log(`%c ${args[args.length-1]} ${performance['now'](true, args[args.length-1])} [(${args.slice(0, args.length-1)} *) ${message}]`, 'color:' + color)

результат:

Но как мне отображать объекты в развернутом виде?

При попытке добавить второй цвет в консоль она этого не видит.

console.log('%c'+ args[args.length-1], 'color:' + color,performance['now'](true, args[args.length-1]),'[(', ...args.slice(0, args.length-1),'*)',`%c` +`${message}`,']','color:' + color)

результат:

Добавление:

результат ваш:

   console.log('%c%O' + ' '+ args[args.length-1],'color:' + color,performance['now'](end, args[args.length-1], message),'[(', ...args.slice(0, args.length-1),'*)',message,']')

результат, который я использую:

Answer 1

Ваш формат выглядит немного не так:

// Run this in devtools
let example1 = 'performance';
let example2 = JSON.stringify({JSON: {select: 1,transformWith:()=>{}}},null,2);
let message = '~~~~~~~~~ example ~~~~~~~~~';

console.log(`%c${example1}\r\n%c${example2}\r\n%c${message}`, 'color:#bada55', 'color:#ba0055', 'color:#1ada55');

Надеюсь, это поможет,