如何使用 Javascript 在 Chrome 浏览器控制台上为背景着色

Posted 2023-02-19

【中文标题】如何使用 Javascript 在 Chrome 浏览器控制台上为背景着色

【英文标题】：How to color background on Chrome browser console with Javascript

【发布时间】：2022-01-16 18:47:37

【问题描述】：

如果我使用console.warn 或console.error，则整行背景分别为黄色和红色。

但是，如果我想用 console.log 为背景着色，似乎用简单的 CSS 命令是不可能的。

我想知道是否有其他方法可以实现。

这是我目前正在使用的代码：

console.log('%c%s', 'background-color: purple;', 'Lorem ipsum (something) else: ');
console.warn('Lorem ipsum (something) else: ');
console.error('Lorem ipsum (something) else: ');

在此屏幕截图中，您可以看到不同之处：

【参考方案1】：

试试这个：

console.warn("%cThis is a warning with white text and purple background", "color:white; background-color: purple");

【讨论】：

谢谢，但不是我需要的。这是为警告着色。我需要为填充整个白色背景的 console.log 着色。