是否可以将 HTML 渲染到 Javascript 控制台?
Is it possible to render HTML into Javascript console?
我想从控制台渲染 HTML。(log/info/warn):
console.html("<h1>Hello!</h1>");
会渲染……
您好!
…进入控制台面板。有可能吗?
ps.: 作为记录,我希望有比 log/info/warn/错误消息更多的着色选项。
在某种程度上可以使用 CSS format specifier。
示例:
console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");
The CSS format specifier allows you to customize the display in the
console. Start the string with the specifier and give the style you
wish to apply as the second parameter.
所有主要浏览器开发人员工具都支持此功能。请参阅 Chrome DevTools, the one for the Firefox DevTools or the one for Firebug.
的参考资料
因此,虽然您不能使用 HTML 本身,但您可以使用 CSS 来设置您想要的任何文本样式,以模仿许多 HTML 元素:
console.log("%cHello!", "font-size: 3em");
我想从控制台渲染 HTML。(log/info/warn):
console.html("<h1>Hello!</h1>");
会渲染……
您好!
…进入控制台面板。有可能吗?
ps.: 作为记录,我希望有比 log/info/warn/错误消息更多的着色选项。
在某种程度上可以使用 CSS format specifier。
示例:
console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");
The CSS format specifier allows you to customize the display in the console. Start the string with the specifier and give the style you wish to apply as the second parameter.
所有主要浏览器开发人员工具都支持此功能。请参阅 Chrome DevTools, the one for the Firefox DevTools or the one for Firebug.
的参考资料因此,虽然您不能使用 HTML 本身,但您可以使用 CSS 来设置您想要的任何文本样式,以模仿许多 HTML 元素:
console.log("%cHello!", "font-size: 3em");