1. 程式人生 > >console.log自定義輸出樣式深究

console.log自定義輸出樣式深究

用法和效果如圖:

第一個引數是字串,以%c 開頭接加上文案,第二個引數也是字串,內容寫css就ok

更完整的用法:

console.log("%c%s", "color: red; background: blue; font-size: 20px;", "你好呀");

%c 把字串按照你提供的樣式格式化後輸入,%s 格式化成字串輸出,在第三個引數的位置

然後肆意的花樣輸出吧:


emmm..問題來了,平時輸出多個數據我也會用逗號隔開啊,比如:

console.log('a:' , a , 'b:' , b)

嘗試了下一條console.log輸出兩個不同的樣式,結果不行,第二條不識別:


但是帶變數,把變數放在第一個引數還是可以的