如何创build格式化的JavaScript控制台日志消息

我今天在Facebook上的Chrome浏览器中“摇摆”了控制台。
令人惊讶的是，我在控制台中得到了这个消息。

现在我的问题是：
这怎么可能？
我知道控制台有一些“利用”方法，但是如何在控制台中进行这种字体格式化呢？ （而且它是console.log？）

Answer 1

是的，你可以用这样的格式来设置console.log() ：

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

请注意第一个参数中的文本之前的%c和第二个参数中的样式说明。 文本将看起来像你的例子。

有关更多详细信息，请参阅Google的“带CSS的样式控制台输出”或FireBug的控制台文档 。

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

Answer 2

尝试这个：

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

引用文档，

您可以使用％c格式说明符将自定义CSS规则应用于使用console.log（）或相关方法写入控制台的任何string。

来源： https ： //developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

Answer 3

您也可以格式化子string。

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

Answer 4

来自Google的网站： 网站

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