如何在浏览器控制台(console)里输出彩色样式调试信息

这里的比我的好:http://blog.youkuaiyun.com/qjwcn/article/details/19410033
在控制台(console)里看到这些信息内容我并不奇怪,让我感到奇怪的是,“警告”两个字是红色的,而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的?经过翻查它们的代码,发现非常的简单:

console.log("%c%s","color: red; background: yellow; font-size: 24px;","警告!");

这里的用法很像C语言里格式化字符串输出的printf函数,log的第一个参数声明第二、第三个参数的作用,第二个参数就是样式,第三个参数是要输出的字符串。

至于为什么要用这样的格式化效果,它能帮助你更好的在控制台(console)输出debug信息,更好的为调试程序服务。比如,严重错误或警告信息就需要用打个字体,醒目的颜色突出显示,你觉得呢,你会用这个彩色的控制台(console)信息输出技巧吗?

%s:字符串  %d,%i:数字  %f:浮点数  %o:链接对象

作者: IT程序狮
链接:http://www.imooc.com/article/3012
来源:慕课网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值