在調試js代碼的時候抑堡,為調試的日志添加樣式可以使信息更醒目。
在chrome允許你控制日志消息的樣式掌敬。
例:
console.log('%c this is a message','color:#0f0;')
console.log('%c this %c is a %c message','color:#f00;','font-size:20px;','color:blue;background:yellow;')
第一個參數(shù)就是要輸出的字符串匀借,通過%c
分割的區(qū)間與之后的參數(shù)一一對應,參數(shù)就是標準的css逗噩,如果對應的參數(shù)不足掉丽,無法匹配%c
會以字符串的形式輸出,參數(shù)過多就會直接以字符串形式輸出多余的樣式异雁。
然而在shell中以上的方法就不行了捶障,在node服務中我們可以使用colors模塊來控制樣式
安裝
npm install colors
使用方法非常簡便,模塊通過擴展 String.prototype 添加樣式纲刀,而且支持鏈式調用项炼。
var colors = require('colors');
console.log('hello'.green); // outputs green text
console.log('i like cake and pies'.underline.red) // outputs red underlined text
console.log('inverse the color'.inverse); // inverses the color
console.log('OMG Rainbows!'.rainbow); // rainbow
console.log('Run the trap'.trap); // Drops the bass
了解更多colors