作為一個前端開發(fā)人員來講，用得最多的大概就是 console.log 了，但是 console.log 的顯示信息并不明顯，以前我是采用加前綴的方式來快速找到直接想要的信息的，比如 console.log('======>>>','xxx',xxx) 這樣，然后最近剛好看到 console.log 居然是支持自定義輸出 css 樣式的，就是測試了一下，效果還是很好的。
比如這樣：

自定義樣式展示

自定義樣式也很簡單，在 console.log 中用 %c 占位符標(biāo)識，在 %c 之后的所有數(shù)據(jù)都會應(yīng)用后面設(shè)置的 css 樣式，大概就像這樣：

// 123按原本的 console.log 樣式輸出，456的輸出樣式會變?yōu)榧t字
console.log(`123%c456`,`color:red;`)

// 多樣式輸出時，插入多個 %c 即可，后續(xù)對應(yīng)樣式以 ","分隔一一對應(yīng)
console.log(`123%c456%c789`,`color:red`,`color:green;`)

更多花里胡哨的效果也可以自行更改 css 樣式實現(xiàn)，比如用 background-image 插入背景圖片等等