javascript - 在字符串变量中设置 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