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

Question

最近我在Chrome浏览器上登录了我的FB帐户。当我打开开发人员工具时，我看到了类似的东西：

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

Answer 1

Addy Osmani有一个很好的解释：

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

基本上，您可以使用％c参数传递CSS样式。例如，请在chrome控制台中尝试以下操作：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;