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

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

我在网上搜索过是否有类似的功能，但没有找到。现在我正在寻找一种方法将图标放在console.log信息。

这可能吗？

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

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

来自文档 https://developers.google.com/chrome-developer-tools/docs/console-api#consolelogobject_object:

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

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

Caveat:

控制台不支持背景重复 https://code.google.com/p/chromium/issues/detail?id=352140由于某些奇怪的原因。因此，您最好在图标中添加一些填充，或者将图标移动到右侧：

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