Chrome控制台打印输出彩色调试信息

Chrome控制台打印输出彩色调试信息

我们都知道Chrome浏览器在控制台可以通过console.log("Hello");输出调试信息。但是每次打印的内容是黑白的难免有些单调，今天偶然的发现某网站居然能够打印彩色调试信息。文字是彩色的，背景也是彩色的。于是查看了他的代码，原来实现起来挺简单的。

var a = "background: rgb(248, 177, 173); color: rgb(63, 172, 203)";
console.log("%c Jazz.Computer ", a),
console.log("%c 2015 ", a),
console.log("%c Yotam Mann ", a),
console.log("%c Sarah Rothberg ", a),

最终的效果是：

我也试了一下，成功啦！

 

posted on 2017-05-22 09:26 喵弟 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/miaodi/p/6888012.html