クロームコンソールで文字列の色を変更する方法？

セルゲイ：

私は、最初の行の色を変更する方法を知っています。

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を変更できますか？

添加：

私は理解していません...

Фll例は、形式のものです

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

私はこの種の1行を作り、私の色が保持されます。しかし、ここで別の問題があります。

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

結果：

しかし、どのように私は拡張形式でオブジェクトを表示していますか？

コンソールに2つ目の色を追加しようとすると、彼女はこれを見ていません。

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)

結果：

ミロスラフ・Glamuzina：

あなたの形式は、ほんの少しオフに表示されます。

// 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');

お役に立てれば、