首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-12-09 
如何改变chrome console输出信息颜色方法一:在css文件中定义样式在C:\Users\user name\AppData\Local\Go

如何改变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

?

?

热点排行