读书人

怎么改变chrome console输出信息颜色

发布时间: 2013-12-09 09:45:50 作者: rapoo

如何改变chrome console输出信息颜色

方法一:在css文件中定义样式

在C:\Users\<user name>\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css 文件中定义样式

例如:

.console-error-level .console-message-text{

? ? color: red;

}

?

.console-warning-level .console-message-text {

? ? color: orange;

}

?

.console-log-level .console-message-text {

? ? color:green;

}

方法二:使用代码定义样式

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55',            'more text');

参考chrome console API https://developers.google.com/chrome-developer-tools/docs/console-api?hl=zh-CN#consolelogobject_object

?

?

读书人网 >Web前端

热点推荐