如何为 JavaScript 控制台输出添加颜色？

使用颜色在 JavaScript 中设置控制台输出样式

在 Chrome 和 Firefox 等现代 Web 浏览器中，可以向 JavaScript 控制台中显示的文本添加样式。这对于在视觉上区分不同类型的消息（例如错误、警告和常规 console.log() 调用）非常有用。

要设置控制台输出的样式，您可以使用以下语法：

console.log('%c Styled Text', 'color: #color-code; background: #background-color-code');

例如，要以红色显示错误，以橙色显示警告，以绿色显示 console.log() 输出，您可以使用以下代码：

console.log('%c Error message', 'color: #ff0000; background: #ff9999');
console.log('%c Warning message', 'color: #ff9900; background: #ffdd99');
console.log('%c Regular message', 'color: #008000; background: #99ff99');

这将输出以下彩色文本在控制台中：

• 错误：浅红色背景上的红色文本
• 警告：浅橙色背景上的橙色文本
• Console.log：绿色文本浅绿色背景

以上是如何为 JavaScript 控制台输出添加颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！