如何创建格式化的javascript控制台日志消息

Question

我今天在Facebook的Chrome中通过控制台“摇摆”。
令人惊讶的是，我在控制台中收到了这条消息。

现在我的问题是：
这怎么可能？
我知道控制台有一些'exploit'方法，但是如何在控制台中进行这种字体格式化呢？ （并且它CONSOLE.LOG？）

Answer 1

是的，你可以用这样的格式化console.log()论据。文字看起来就像你的例子。

请参阅Google's "Styling Console Output with CSS"或FireBug's Console Documentation了解更多详情。

文档链接还包含一些其他整洁的技巧，例如在控制台日志中包含对象链接。

Answer 2

试试这个：

console.log("%cThis will be formatted with blue text", "color: blue"); 

引用的文档，

您使用％C格式说明应用自定义CSS规则，任何 字符串你用console.log（）或相关的方法写入控制台。

来源：

console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large"); 

注意%c在第二位的第一个参数文字和样式规格前面： https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

Answer 3

从谷歌的网站：site

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large"); 

Answer 4

您也可以格式化字符串。

var red = 'color:red'; 
var blue = 'color:blue'; 
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);