HTML 在线查看器 — 预览并渲染 HTML | fixjson.org

input.html

<!doctype html><html><head><title>Demo</title><style>body{font-family:sans-serif;margin:2rem}h1{color:#2d6cdf}</style></head><body><h1>Hello, world</h1><p>This HTML is <strong>rendered</strong> locally — nothing is uploaded.</p><ul><li>One</li><li>Two</li></ul></body></html>

preview

粘贴 HTML，在浏览器中安全地预览渲染效果。

相关

与 HTML 查看器相关的指南

全部指南 →

JSON 解析错误：读懂消息，直达修复

JSON 解析器错误消息及其解释文章的目录 —— 先用严格校验器，再深入到具体的语法问题。

修复无效 JSON：从「哪里出错」到干净的文件

修复看起来几乎正确的 JSON —— 尾随逗号、单引号、未加引号的键 —— 使用能容忍“准 JSON”的智能格式化器，然后进行严格校验。

JSON 格式化器、校验器、查看器：选对工具

并排比较格式化器、校验器、查看器、压缩器和差异对比，以及在审查 API 负载时串联它们的顺序。

在线 HTML 查看与渲染

在左侧粘贴你的 HTML，即可在右侧即时看到渲染效果。这款在线 HTML 查看器完全在你的浏览器中运行 —— 你的标记永远不会被上传到服务器，因此用于内部页面、邮件模板和未完成的标记都很安全。

预览在禁用脚本的沙箱框架中渲染，因此你看到的 HTML 和 CSS 与浏览器排版的效果完全一致，且不会运行任何 JavaScript。在编辑过程中，可以用 Format 按钮将源码漂亮地打印出来，缩进清晰整齐。

查看 HTML —— 粘贴标记并阅读渲染结果，就像一款在线 HTML 阅读器
渲染 HTML 与 CSS —— 内联的 <style> 和属性都会应用到预览中
格式化源码 —— 一键重新缩进杂乱的 HTML
100% 本地 —— 一款隐私安全的 HTML 查看器；任何内容都不会离开你的浏览器

你可以预览什么

它可用作在线 HTML 查看器、HTML 文件查看器、HTML 预览器和 HTML 渲染器：粘贴一份完整文档或一个片段，框架就会显示它的样子。邮件 HTML、导出的报表、抓取的代码片段以及组件标记，都会按浏览器绘制的方式渲染出来。

为什么禁用脚本

一个执行任意 JavaScript 的查看器，可能会泄露你刚刚粘贴进来的数据。禁用脚本能让工具保持安全且行为可预测 —— 你会得到一份忠实呈现结构与样式的可视化预览。若要测试交互行为，请改为在真实的浏览器标签页中打开该 HTML。

FAQ

我的 HTML 会被上传到任何地方吗？

不会。查看器会在沙箱 iframe 中本地渲染你的 HTML。任何内容都不会发送到服务器，因此处理机密标记很安全。

为什么我的 JavaScript 不在预览中运行？

出于安全考虑，预览框架是沙箱化的，并已禁用脚本。你会看到渲染后的 HTML 和 CSS，但 <script> 代码不会执行。若要测试脚本，请在浏览器中打开该文件。

我也能格式化 HTML 吗？

可以 —— 点击 Format 即可以一致的空白重新缩进源码。如需专门的工具，请参阅 HTML 格式化。