console.log輸出字體顏色


在正常模式下,一般只能向console 控制台輸出簡單的文字信息。但為了把信息輸出得更優雅更便於閱讀,除了cosole.log()方法外還可以調用 cosole.warn() 來輸出警告信息

在輸出信息前面會有一個帶感嘆號的黃色三角警告符號。似乎比一般的console信息要友好得多了。雖然圖標是黃色的,但輸出的文字仍然是黑色。

另外經常用到的是輸出錯誤信息。可以通過調用console.erro() 來實現。

信息前面會出現一個帶叉的紅色圓形圖標。

這個效果要比警告信息更友好了,字體顏色成紅色了。

要更牛叉莫過於對文字應用樣式。而現在這一特性已經在谷歌瀏覽器里實現了。

在Chrome的開發者工具里,console 可以加樣式,可以顯示繽紛的顏色,甚至圖片。簡直爽翻了。

具體來說,是可以對輸出到console控制台的文字進行CSS控制。

格式如下:

console.log()    // 打印日志
console.debug()  // 打印調試
console.error()  // 打印錯誤
console.info()   // 打印信息
console.warn()   // 打印警告
console.assert() // 打印斷言
console.clear()  // 清空

%c表示css樣式

console.log('%cHello', 'color: #43bb88;font-size: 24px;font-weight: bold;text-decoration: underline;');

%d表示數字

console.log('%d', 123);

%i表示整型數字

console.log('%i', 123);

%o表示DOM元素

console.log('%o', document.body);

%O表示javascript對象

console.log('%O', new Date());


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM