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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (39)

通过Chrome控制台“waddled”。 令人惊讶的是,我在控制台中收到了这条消息。

现在我的问题是: 这怎么可能? 我知道控制台中有一些“利用”方法,但是如何在控制台中进行这种字体格式化呢?(并且它是console.log?)

提问于
用户回答回答于

是的,你可以console.log()用这样的格式来格式化:

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

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

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

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

用户回答回答于

尝试这个:

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

引用文档,

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

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

扫码关注云+社区