console.log中的多种颜色更改

Multiple color change in console.log?

本文关键字：颜色 log console      更新时间：2024-05-05

我刚刚读到这个SO问题/答案，它说要更改颜色，请使用

console.log("%cYour Message Here", "color:(your color);font-weight:bold;");

我已经测试过了，把它搞得一团糟，然后把它改成了

console.log("Test'n'n%cTest'n'nTest", "color:red;font-weight:bold;");

该输出（粗体文本也是红色）

测试

测试

测试

是否有方法导致输出（粗体为红色，斜体为蓝色）

测试

测试

测试

console.log("Test'n'n%cTest'n'n%cTest", "color:red;", "color:blue;");

然而，我确实觉得以下内容可读性更强。

console.log("Test");
console.log("%cTest", "color:red");
console.log("%cTest", "color:blue");

检查https://developer.chrome.com/devtools/docs/console-api#consolelogobject-对象以获取完整引用。

console.log("Test");
console.log("%cTest", "color:red;font-weight:bold");
console.log("%cTest", "color:blue;font-style:italic");
相关文章：