如何在控制台中提供样式文本
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');
如果访问 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');