是否可以将HTML呈现到Javascript控制台中？

Question

我想从控制台渲染HTML.(log/info/warn):

console.html("<h1>Hello!</h1>");

会呈现......

你好!

...进入控制台面板.有可能吗？

ps.:对于记录,我希望有比log/info/warn/error消息更多的着色选项.

Answer 1

在某种程度上,可以使用CSS格式说明符.

例:

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");

CSS格式说明符允许您自定义控制台中的显示.使用说明符启动字符串,并将要应用的样式作为第二个参数.

所有主要的浏览器开发人员工具都支持此功能.请参阅Chrome DevTools的参考资料,Firefox DevTools或Firebug的参考资料.

因此,虽然您不能使用HTML本身,但您可以使用CSS设置任何文本样式以模仿许多HTML元素:

console.log("%cHello!", "font-size: 3em");