👁️HTML 预览

怎么预览 HTML

1. 把完整页面或者一小段代码粘贴到编辑器里，也可以直接把 .html 文件拖进来。
2. 预览会随输入实时刷新。用设备菜单可以直接查看 390px 手机宽度或 1440px 桌面宽度的效果，不用去缩放浏览器窗口。
3. 点“新标签页打开”单独查看页面，或点“下载”把代码保存为 .html 文件。

常见问题

代码会被上传吗？

不会。预览用的是本页面内的沙箱 iframe，内容通过 srcdoc 属性直接注入，HTML 不会离开浏览器，也不会为它发起任何请求。

预览里能跑 JavaScript 吗？

勾选“允许 JavaScript”就可以。预览框使用 sandbox="allow-scripts" 且没有同源权限，脚本能绘制和做动画，但读不到本页面、你的 Cookie 或本地存储。取消勾选则以禁用脚本的方式渲染。

为什么图片或字体加载不出来？

./logo.png 这类相对路径没有基准地址可解析——预览没有 base URL。请改用绝对的 https:// 地址或 data: URI；这些资源仍然由你的浏览器照常从网络获取。