console.log中有多个颜色变化?

时间:2016-04-11 15:58:08

标签: javascript google-chrome firefox console console.log

我刚读过this SO question/answer并说它要改变颜色,请使用

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

我已经对此进行了测试并稍微弄乱了它,并将其更改为

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

此输出(粗体文本也为红色)

  

测试

     

测试

     

测试

是否有办法导致输出(粗体为红色,斜体为蓝色)

  

测试

     

测试

     

测试

2 个答案:

答案 0 :(得分:3)

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-object以获取完整参考。

答案 1 :(得分:0)

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