彩色日志
大多数现代终端可以显示彩色和带有文本装饰的程序日志。此示例展示了如何在使用 `console.log` 时显示颜色。
Deno 支持在 console.log 中使用 %c 语法来设置 CSS 样式。在此,文本“Hello World”以红色显示。这在浏览器中也同样适用。
console.log("%cHello World", "color: red");
不仅可以设置前景色,还可以设置背景色。
console.log("%cHello World", "background-color: blue");
下划线和删除线等文本装饰也可以设置。
console.log("%cHello World", "text-decoration: underline");
console.log("%cHello World", "text-decoration: line-through");
字体粗细也可以设置(普通或粗体)。
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