控制檯消息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;");