HTML预览/运行器
在线HTML代码编辑和实时预览工具，支持在沙盒iframe中运行HTML代码。
使用说明
- 1 在编辑器中输入或粘贴HTML代码
- 2 点击运行按钮预览效果
- 3 修改代码并重新运行以实时调试
相关工具
代码着色/高亮
在线代码高亮工具，支持多种编程语言语法着色，基于highlight.js，纯浏览器端处理
代码截图生成
在线代码截图生成工具，支持自定义标题、主题色与导出 PNG 图片。
Cron 表达式解析器（含时区热力图）
解析 Cron 表达式为人类可读描述，可视化字段含义，预览未来 10 次执行时间，并支持多时区对照与 30 天日历热力图。
CSS格式化/压缩
在线CSS代码格式化与压缩工具，支持缩进美化与去除空白
代码对比查看器
并排对比两段文本或代码的差异，新增/删除行高亮显示
HTML格式化/压缩
在线HTML代码格式化与压缩工具，支持缩进美化与去除空白
HTTP 状态码速查
在线 HTTP 状态码速查工具，支持按状态码或关键词筛选常见响应说明。
JS格式化/压缩
在线JavaScript代码格式化与压缩工具，支持缩进美化与单行压缩
JSON格式化/编辑
在线JSON格式化、校验和美化工具，支持语法高亮和错误提示
JWT 解析
在线 JWT 解析工具，支持拆分 Header、Payload、Signature，并格式化展示声明内容。
正则表达式测试
在线正则表达式测试工具，支持 flags、匹配结果预览与捕获组查看，适合开发调试。
正则可视化
解析正则表达式并直观展示其组成部分（字符类、量词、锚点等），并提供测试匹配高亮
SQL格式化
在线SQL格式化工具，支持 MySQL、PostgreSQL、SQLite 等多种方言
时间戳转换
在线时间戳转换工具，支持秒级、毫秒级时间戳与日期时间双向转换。
URL 解析器
在线 URL 解析工具，支持拆解协议、主机、路径、查询参数和锚点信息。
UserAgent分析
解析浏览器 User-Agent 字符串，识别浏览器、引擎、操作系统、设备及 CPU 架构
UUID生成器
在线UUID v4生成器，支持批量生成、大写和去横线选项，一键复制。
XML格式化
在线XML格式化、美化工具，支持压缩与缩进切换
YAML格式化
在线YAML与JSON互转、格式化、校验工具，支持双向转换和错误提示
关于此工具
HTML预览工具在浏览器中运行一个沙盒iframe，让你的HTML代码实时呈现视觉效果。支持包含CSS和内嵌JavaScript的完整HTML片段，从简单的布局样式验证到带交互逻辑的页面原型，都能直接在浏览器里运行查看。
适合的场景：快速验证一个HTML布局思路、测试邮件模板的渲染效果、演示一个CSS动画效果、在没有本地开发环境时临时调试一段前端代码，以及教学演示中实时展示HTML效果。
相比在本地创建一个.html文件再用浏览器打开，本工具省去了文件操作的步骤，在同一个页面内完成编辑和预览。相比CodePen等在线编辑器，本工具更轻量，无需登录，打开即用。
常见问题
预览中可以加载外部CDN资源吗？ +
可以。在HTML中通过<link>或<script>标签引入CDN资源（如Bootstrap、jQuery、Vue等）会正常加载，前提是CDN支持CORS。这样可以直接测试引入外部库后的实际渲染效果。
预览是否隔离于主页面？沙盒安全吗？ +
预览运行在一个沙盒化的iframe中，与主页面的DOM和JavaScript完全隔离，无法访问主页面的Cookie或localStorage。代码中的JavaScript只在沙盒内执行，不会影响工具本身的运行。
预览中的代码可以访问本地文件吗？ +
不能。出于浏览器安全策略，iframe内的代码无法访问用户的本地文件系统。如果HTML中有引用本地图片路径（如src="./image.png"），预览中会显示加载失败，建议改用外部URL或Base64内嵌图片。
支持预览包含CSS动画的效果吗？ +
完全支持。CSS动画（@keyframes、transition、transform）在预览iframe中会正常运行，与在真实浏览器中的效果一致。这让本工具非常适合用来快速验证和演示CSS动画效果。
如何分享我的HTML代码和预览？ +
可以将代码通过分享链接的方式发给他人，对方打开后会看到同样的代码和预览效果。适合在远程协作时快速展示一个HTML布局或交互效果，无需对方配置任何开发环境。