🖥️ HTML 实时预览

边输入边在 iframe 中实时预览 HTML/CSS/JS 运行效果，支持一键在新窗口打开。

结果实时更新

关于此工具

在输入框中书写 HTML/CSS/JS，下方 iframe 实时渲染结果。适合快速调试页面片段、组件或教学演示，并可将结果在新窗口打开独立运行。

如何使用

  1. 输入代码

    粘贴或编写 HTML 代码，支持内联 style 与 script。

  2. 实时查看

    输入即渲染，无需刷新。

  3. 新窗口打开

    点击“新窗口打开”在独立标签页运行完整页面。

使用场景

页面片段调试

快速验证一段 HTML/CSS 组合效果。

前端教学

演示标签、样式与脚本的相互作用。

代码演示

把示例代码打包成可分享的独立页面。

常见问题

为什么预览里脚本不生效？

iframe 启用了 sandbox，仅允许脚本与弹窗；如需更高权限请用“新窗口打开”。

支持外部图片或 CSS 吗？

支持通过 URL 引用外部资源，但受网络与跨域限制。