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

从documentation：

Dev Tools supports the following format specifiers:

%c Formats the output string according to CSS styles you provide.

警告：

控制台doesn’t support background-repeat出于某种奇怪的原因.因此,您最好在图标中添加一些填充,或者将图标移到右侧：

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

标签：javascript,google-chrome,web,console-log
来源： https://codeday.me/bug/20190528/1174420.html