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

相关推荐