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

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

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

通过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

所属标签

可能回答问题的人

  • 红双喜经典VS中华

    1 粉丝0 提问8 回答
  • LemonLu

    社区 · 运营 (已认证)

    45 粉丝0 提问6 回答
  • 滑稽园扛把子

    Swoole Inc · PHP工程师 (已认证)

    135 粉丝0 提问4 回答
  • 13火麒麟

    0 粉丝0 提问4 回答

扫码关注云+社区