如何在控制台中提供样式文本

How to provide styled text in console

如果访问 Facebook 并打开控制台,他们会看到如下输入:

Facebook 如何实现这种样式化的文本?此外,与正常的 console.log 等不同,控制台中没有 script.js:123 引用。这是Chrome56.

有关如何向控制台添加颜色的示例,请参阅此示例:Colors in JavaScript console

简而言之:

使用 Chrome 和 Firefox (+31),您可以在 JS console.log() 消息中添加 CSS:

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