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