HTML 在线预览与分享 - 实用工具 · 萤炬工具箱

写或上传一段 HTML，右侧沙箱 iframe 里实时看渲染效果，改一个字立刻刷新，适合验证一小段布局、调 CSS、试第三方嵌入代码。带一键格式化和移动端 viewport 补全。满意后可以生成分享链接，把这个页面发给别人直接打开看，不必自己找服务器部署。单个上传文件不超过 5MB，仅支持单个 HTML 文件（不含多…

写或上传一段 HTML，右侧沙箱 iframe 里实时看渲染效果，改一个字立刻刷新，适合验证一小段布局、调 CSS、试第三方嵌入代码。带一键格式化和移动端 viewport 补全。满意后可以生成分享链接，把这个页面发给别人直接打开看，不必自己找服务器部署。

使用步骤

1. 在左侧编辑器输入 HTML，或拖入 / 上传一个 .html 文件（不超过 5MB）。
2. 右侧实时预览渲染结果，需要时点格式化整理代码缩进。
3. 移动端要正常缩放就点一下补全 viewport 标签。
4. 点生成分享链接，拿到链接后复制发给别人。

功能与限制

• 单个上传文件不超过 5MB，仅支持单个 HTML 文件（不含多文件项目）。
• 预览在本地沙箱 iframe 内运行；生成分享链接需联网上传内容，请勿放入敏感信息。

常见问题

预览里的 JavaScript 会执行吗？

会。预览跑在带 sandbox 限制的 iframe 里，允许脚本、表单和弹窗，所以交互效果能真实看到，但它与页面本身相互隔离。

外部 CSS 和图片链接能加载吗？

能，只要写成完整的 https 地址即可。相对路径没有对应的服务器目录，会 404；本地磁盘上的图片也无法被 iframe 读取。

分享链接会失效吗？

链接指向一份托管的静态内容，不设过期时间，只要托管方还在就能打开。生成有次数配额，达到上限需要等配额恢复。

适合直接拿来做正式网页吗？

适合演示、验证和临时分享单个页面。正式站点需要自定义域名、多页路由和缓存策略，还是走常规部署更合适。