在正常模式下,一般只能向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());