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&nbsp;.console-message-text{ &nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;red;}.console-warning-level&nbsp;.console-message-text&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;orange;}.console-log-level&nbsp;.console-message-text&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;color:green;}