01编辑器0 个字符
02预览

渲染结果将显示在这里。

HTML 查看器

实时预览任意 HTML

使用这款免费的 HTML 查看器,粘贴或上传 HTML 代码,在浏览器中实时查看渲染效果,并在桌面、平板、手机宽度下检查响应式布局。所有操作均在本地完成——只有准备分享时才发布。

隐私优先预览在浏览器内渲染。点击发布前,你的代码不会离开本机。
任意屏幕尺寸在桌面、平板、手机宽度之间切换,检查响应式布局。
一键发布把代码变成带公开链接的托管页面——无需注册。

工作原理

留在你设备上的代码查看与预览工具

粘贴 HTML、CSS 和 JavaScript,即可在沙箱 iframe 中即时看到渲染结果——无需构建、无需服务器往返。一键整理杂乱标签,切换预览宽度以发现响应式问题,随时导出干净的 .html 文件。预览完全在本地进行:在你主动发布之前,你输入的内容不会被上传、追踪或存储,因此它也是查看代码片段、邮件模板和落地页原型的私密 HTML 预览器。

想修改代码或重新设计样式?打开 HTML 编辑器可视化编辑

分享前想给标记瘦身?交给 HTML 编译器 去除注释和冗余内联代码。

能做什么

预览并打磨任意 HTML——从邮件到落地页

调整尺寸、打磨标记,准备好后用公开链接发布成托管页面——或者用 Markdown 转 HTML 托管 Markdown。一站式满足快速 HTML 工作的全部需求。

图片托管 把托管的图片直接嵌入你的预览。

邮件与订阅模板

发送前先用手机宽度预览订阅邮件 HTML,避免表格错乱、列宽挤压的问题出现在订阅者面前。

落地页原型

几分钟搭出落地页或产品页原型,在三种屏幕尺寸下调优布局,然后发布一个可分享的链接。

代码片段与学习

无需真实服务器即可测试按钮、动画或表单——这是实验 HTML、CSS 和 JavaScript 最快的途径。

适合谁

开发者、设计师与快速实验

测试一段代码、检查响应式布局,或在分享之前搭建一个小页面。

自由查看

无干扰的查看体验,附带即时预览。无需构建,无需服务器往返。

任意尺寸预览

切换桌面、平板、手机宽度,在发布前发现响应式问题。

几秒分享

准备好时发布为公开链接;没准备好就保持全本地。

使用步骤

从代码片段到托管页面

无需注册、无需设置。编写、预览,准备好后发布。

编写或粘贴

输入代码、载入示例,或导入已有的 .html 文件。

即时预览

在沙箱框架中实时查看结果,并支持响应式宽度预设。

发布链接

获得可随处分享的公开链接——或保持本地,直接导出文件。

常见问题

HTML 查看器常见问题

我的代码会被上传吗?

不会。预览完全在浏览器内渲染。只有当你点击「发布」时,代码才会到达服务器。

预览安全吗?

预览在沙箱 iframe 中运行,脚本与页面本身隔离。你的浏览器仍会像访客看到的那样执行 JavaScript。

可以检查响应式布局吗?

可以。切换桌面、平板、手机宽度,即可看到页面在不同屏幕尺寸下的表现。

点击发布会发生什么?

你的代码会变成带公开链接的托管 HTML 页面。之后可以随时在本页历史中删除它。

可以预览带 CSS 和 JavaScript 的 HTML 吗?

可以。预览会在沙箱框架中运行完整的 HTML、CSS 和 JavaScript,你可以像访客那样测试交互页面、表单和动画。

有文件大小限制吗?

查看器本身没有硬性限制。发布后,页面与其它 HTML Hoster 页面一样托管,适用相同的限制。

它和 Markdown 转 HTML 有什么区别?

HTML 查看器处理原始 HTML、CSS 和 JavaScript。如果你更习惯写 Markdown,可以用 Markdown 转 HTML 把 .md 文件转换成带排版的托管页面。

可以导出或下载我的代码吗?

可以。用「导出 .html」把代码下载为文件,或在新标签页打开预览,在完整浏览器窗口中检查。