HTML 在线运行
写 HTML/CSS/JS，实时看效果。代码只在你的浏览器里运行，不会上传。
代码
预览 提示：点击「运行」或开启「自动运行」查看效果。
什么是在线 HTML 运行器
把 HTML、CSS 和 JavaScript 代码粘贴进左侧编辑器，右侧会渲染出真实网页效果。适合快速验证代码片段、调试样式、给他人演示页面效果，无需在本地新建文件或安装编辑器。
怎么用
三步：① 在左侧粘贴或输入代码；② 点击「运行」（或开启自动运行）；③ 在右侧查看效果，满意后可复制或下载为 .html 文件。
支持的语法特性
支持 HTML5 语义标签、CSS3（Flexbox/Grid/动画/媒体查询）以及现代 JavaScript（ES6+）。可以直接引入外部 CDN 脚本，但注意沙箱限制详见下方常见问题。
和本地编辑器有什么区别
本地编辑器（VS Code 等）需要安装、需要保存文件才能预览。本工具打开网页即用，改完立刻看到效果，适合「快速试一下」的场景。涉及大型项目或需要调试工具时，仍建议用本地编辑器。
常见问题
在线运行 HTML 安全吗？代码会上传吗？
安全。代码只在你的浏览器内运行，不会发送到服务器。预览用的是加了 sandbox 属性的 iframe 沙箱，用户代码无法访问本站的 cookie 或本地存储。
支持 JavaScript 吗？
支持。可以运行现代 JavaScript（ES6+），包括 DOM 操作、事件监听和定时器。
可以用外部 CDN 库吗？
可以，通过 <script src="..."> 引入。但沙箱会限制部分能力（如访问父页面、读取本站 cookie），这是为了保护你的隐私。
为什么我的代码在本地能跑，这里不行？
常见原因：① 用了被沙箱禁止的能力（如 localStorage 跨域访问）；② 依赖本地文件（图片、字体），需要改成可公开访问的 URL；③ 浏览器控制台可能有报错，建议打开开发者工具查看。
可以保存代码吗？
可以复制到剪贴板，或点击「下载 HTML」保存为 .html 文件。本工具不做云端保存，代码不会留在服务器上。
支持手机浏览器吗？
支持。手机上是编辑器与预览上下排列，预览区可以全屏查看效果。
和 CodePen 有什么区别？
CodePen 提供社区、收藏和项目托管，功能更重；本工具专注「打开即用、纯本地、不上传」，适合快速验证代码片段。
预览和真实浏览器有差异吗？
渲染引擎相同，效果基本一致。差异主要在：沙箱限制、外部资源加载、以及预览区尺寸（可用全屏按钮消除尺寸差异）。