HTML 预览

粘贴 HTML 和 CSS 代码，即可在沙箱框架中即时预览渲染效果，也可以选择启用 JavaScript。免费的在线 HTML 查看器，直接在浏览器中运行。

关于此工具

粘贴 HTML 和 CSS，查看它们的渲染效果。预览在隔离的沙箱框架中运行，无法访问本页面。

使用方法

粘贴 HTML，可以包含 <style> 块。
如果代码片段需要 JavaScript，请开启“允许脚本”。
查看渲染结果。

常见问题

预览不受信任的 HTML 安全吗？

框架处于沙箱中，没有同源访问权限，因此无法读取本站数据。对不受信任的代码请保持脚本关闭。

可以加载外部 CSS 或图片吗？

可以，HTML 中指向外部资源的链接会由框架加载。

为什么我的脚本没有运行？

脚本默认处于禁用状态。请开启“允许脚本”。

相关工具

Markdown 预览 – 渲染 GitHub 风格的 Markdown
HTML 转 JSX – 把 HTML 转成 React JSX
HTML 实体编码 / 解码 – 转义和反转义 HTML 实体

格式化

JSON 格式化 / 校验 – 美化、压缩并校验 JSON
行排序 / 去重 – 排序、去重、反转并清理行首尾空白

编码 / 解码

Base64 编码 / 解码 – 文本与 Base64 互相转换 (UTF-8)
URL 编码 / 解码 – URL 百分号编码与解码
HTML 实体编码 / 解码 – 转义和反转义 HTML 实体
Base64 图片编码 / 解码 – 把图片转成 data URI，并预览 Base64 图片
反斜杠转义 / 反转义 – 转义引号、换行和控制字符
Hex ↔ ASCII – 文本与十六进制字节互相转换
JWT 调试器 – 解析 JSON Web Token 的头部和载荷

生成

UUID / ULID 生成 / 解析 – 生成 UUID v4 / v7 和 ULID，并解析已有 ID
哈希生成器 – MD5、SHA-1、SHA-256、SHA-384、SHA-512
随机字符串生成器 – 密码学安全的随机字符串
Lorem Ipsum 生成器 – 按段落、句子或单词生成占位文本
二维码生成 / 识别 – 生成二维码并从图片中识别

转换

世界时间转换 – 在时区之间转换时间（默认使用本机当前时间）
Unix 时间戳转换 – 转换 Unix 时间戳和日期字符串
进制转换 – 二进制、八进制、十进制、十六进制互转
YAML ↔ JSON – YAML 与 JSON 互相转换
CSV ↔ JSON – CSV 与 JSON 互相转换
HTML 转 JSX – 把 HTML 转成 React JSX
查询字符串 ↔ JSON – URL 查询字符串与 JSON 互相转换
URL 解析 – 把 URL 拆分为各部分和查询参数
颜色转换 – HEX、RGB、HSL、HWB、CMYK 互相转换
SVG 转 CSS – 把 SVG 转成 CSS 背景用的 data URI
JSON ↔ PHP 数组 – JSON 与 PHP 数组语法互相转换
PHP Serialize / Unserialize – JSON 与 PHP serialize() 格式互相转换

文本

正则表达式测试 – 测试正则表达式并查看匹配结果
字符串大小写转换 – camelCase、snake_case、kebab-case 等
字符串检查 – 统计字符、字节、单词并查看码点
文本对比 – 按行、单词或字符比较两段文本

检查

Cron 表达式解析 – 解释 cron 表达式并列出接下来的运行时间
cURL 分析 – 拆解 cURL 命令并转换为 fetch()
X.509 证书解析 – 解析 PEM 证书和证书链

预览

Markdown 预览 – 渲染 GitHub 风格的 Markdown
HTML 预览 – 在隔离的框架中渲染 HTML