当前位置: 代码迷 >> Web前端 >> 怎么改变chrome console输出信息颜色
  详细解决方案

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

热度:650   发布时间:2013-12-09 09:45:50.0
如何改变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

?

?

  相关解决方案