JavaScript控制台中的颜色

Question

JavaScript控制台中的颜色Chrome内置的JavaScript控制台可以显示颜色吗？我要红色的错误，橙色的警告console.log是绿色的。有可能吗？

Answer 1

在Chrome&Firefox(+31)中，您可以在console.log信息：

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

对于将多个CSS添加到同一命令中，也可以应用相同的方法。谷歌Chrome来源：保罗·爱尔兰 & WebKit变更
Firefox源：Firefox Web控制台-样式化消息

Chrome控制台API引用：控制台API引用

Answer 2

您可以使用自定义样式表为调试器着色。你可以把这段代码放进去C:\Documents and Settings\<User Name>\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css如果您在WinXP中，但目录因操作系统而异。

.console-error-level .console-message-text{
    color: red;}.console-warning-level .console-message-text {
    color: orange;}.console-log-level .console-message-text {
    color:green;}