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

Question

我想从控制台呈现HTML。（日志/信息/警告）：

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

会渲染......

您好！

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

ps。：对于记录，我希望有比日志/信息/警告/错误消息更多的着色选项。

Answer 1

在某种程度上，可以使用CSS format specifier。

示例：

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

  

CSS格式说明符允许您自定义显示   安慰。使用说明符启动字符串并给出样式   希望申请作为第二个参数。

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

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

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