带有绿色复选标记的控制台消息 JavaScript

Question

我想知道是否有可能在您的控制台中有一个绿色复选标记，就像 console.warn 有黄色警告标志和 console.error 有红色错误标志一样。

我已经在互联网上搜索过是否有这样的功能，但我找不到。现在我正在寻找一种在console.log 消息之前放置图标的方法。

这可能吗？

Answer 1

当然是。您可以在 Chrome 中使用 CSS：

console.log("%c hi", "background: url(path/to/your/icon.png) 0 0 no-repeat; padding-left: 20px;");

来自documentation：

开发工具支持以下格式说明符：

%c 根据您提供的 CSS 样式格式化输出字符串。

警告：

控制台doesn't support background-repeat 出于某种奇怪的原因。所以你最好为你的图标添加一些填充，或者将图标移动到右侧：

console.log("hi %c", "background: url(path/to/your/icon.png) 0 0 no-repeat; padding-left: 20px;");