deno.com

使用彩色日志

在 Github 上编辑

大多数现代终端可以彩色和文本装饰显示程序日志。此示例展示了使用 `console.log` 时如何显示颜色。

Deno 支持在 console.log 中使用 %c 语法来支持 CSS。在这里,文本“Hello World”以红色显示。这也适用于浏览器。
console.log("%cHello World", "color: red");
不仅可以设置前景色,还可以设置背景色。
console.log("%cHello World", "background-color: blue");
也可以设置文本装饰,如underline和strikethrough。
console.log("%cHello World", "text-decoration: underline");
console.log("%cHello World", "text-decoration: line-through");
也可以设置字体粗细(normal 或 bold)。
console.log("%cHello World", "font-weight: bold");
也可以一次应用多个 CSS 规则。这里文本是红色和粗体。
console.log("%cHello World", "color: red; font-weight: bold");
单个 console.log 也可以包含多个 %c 值。样式在每个 %c 处重置。
console.log("%cHello %cWorld", "color: red", "color: blue");
除了预定义的颜色之外,还支持十六进制文字和 `rgb()`。请注意,某些终端不支持显示这些颜色。
console.log("%cHello World", "color: #FFC0CB");
console.log("%cHello World", "color: rgb(255, 192, 203)");
无法配置字体大小、字体系列、行距或任何其他 CSS 属性。

使用 Deno CLI 在本地运行此示例

deno run https://docs.deno.org.cn/examples/scripts/color_logging.ts

您找到所需的内容了吗?

隐私政策