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

最近我在Chrome浏览器上登录了我的FB帐户。当我打开开发人员工具时，我看到如下内容：

---

现在我知道可以使用javascript

console.log

函数向控制台添加任何内容。但我的问题是——他们是如何为文本添加样式的？例如，“停止！”用红色塔荷马字体书写，黑色边框，更大尺寸。他们是怎么做到的？

Addy Osmani有一个很好的解释：

（）

在Chrome DevTools（金丝雀）中登录样式化控制台

感谢Mike West先生，您现在可以将样式添加到控制台日志中 通过%c，就像在Firebug中一样。e、 g

console.log("%cBlue!", "color: blue;"); 

诸如

console.log（'%cBlue！%cRed！'、'color:blue；'、'color:red；'）等块现在也受支持：）

虽然大多数人可能会出于实际目的使用它，但它是
也可能有一点乐趣：）（见下文）

不甘示弱，以下是迈克·韦斯特几天前提出的建议

)()

相关变更：


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


console.log（“%cBlue！%cGreen”，“颜色：蓝色；字体大小：15px；”，“颜色：绿色；字体大小：12px；”这是正确的，但一般来说，最好至少对链接进行解释，以防链接出现问题。@MikeC在编辑中添加：）@RuchirGupta解释只是对信息进行总结。基本上，你从链接中获取重要信息，并将其写入答案中。并非所有浏览器都支持这一点。铬和FF都可以。IE11并非如此。不了解别人。有没有办法嗅探这项功能？由于Google+已经关闭，链接现在已断开。