控制台消息带绿色复选标记的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：

  

Dev Tools支持以下格式说明符：

     

％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;");