JavaScript - 将样式添加到控制台日志的文本中

Question

最近我在Chrome浏览器上登录了我的FB帐户.当我打开开发人员工具时,我看到了这样的事情:

现在我知道可以使用javascript console.log函数向控制台添加任何内容.但我的问题是 - 他们是如何为文本添加风格的？例如"停止!" 是用红色tahoma字体写的,黑色边框和更大的尺寸.他们是如何做到的呢？

Answer 1

Addy Osmani有一个很好的解释:

https://plus.google.com/+AddyOsmani/posts/TanDFKEN9Kn

基本上,您可以使用%c参数传递CSS样式.例如,在chrome控制台中尝试以下操作:

console.log("%cBlue! %cGreen", "color: blue; font-size:15px;", "color: green; font-size:12px;");