HTML 查看器
粘贴一个 HTML 文件,或者 AI 刚给你的代码块,立刻看到真实页面。左边的修改会随着输入显示在右边。它完全在你的浏览器里运行:在你决定生成链接之前,什么都不会上传。
把这个页面变成链接
一键把当前这段 HTML 原样发布到一个免费的 hdply 地址。试用无需账号;链接保留一小时,注册免费账号可永久保留。
这个查看器能做什么,不能做什么
预览是一个沙箱框架。你的 HTML 带着自己的脚本和样式运行,但处于隔离的源中:它读不到本页、你的 cookie,或标签页里的任何其他内容。所以即使是没有逐行读过的代码,粘贴进来也是安全的。
它渲染的正是访问者从单个文件得到的内容。HTML 里用相对路径引用的东西——styles.css、images/hero.jpg、script.js——在这里不存在,在只上传一个文件的托管上同样不存在。如果预览看起来没有样式,原因就在这:把 CSS 内联,或者把链接指向绝对 URL。
手机和平板宽度是真实的视口宽度,不是缩放的截图,所以媒体查询会像在设备上一样触发。发链接给别人之前先切到手机模式看看:收到链接的人大多会用手机打开。
常见问题
粘贴的 HTML 会被上传到哪里吗?
不会。渲染在你的浏览器里、在沙箱框架内完成。按下"获取链接"之前,什么都不会离开这个标签页;按下后也只发送编辑器里的 HTML。
为什么页面和我电脑上的文件看起来不一样?
几乎总是因为相对路径。像 styles.css 或 images/photo.png 这样的链接指向磁盘上 HTML 旁边的文件,查看器看不到它们。把 CSS 放进 <style> 标签,图片用完整的 https:// URL 或 data URI,就会一致了。
预览里会运行 JavaScript 吗?
会。脚本在与本页隔离的沙箱中运行,所以交互页面、图表和小应用都能工作。框架自身需要 cookie 或本地存储的功能可能受沙箱限制。
有大小限制吗?
查看器没有。"获取链接"这一步每页最多接受 1 MB,对自包含文件来说足够;大图片应放在外部 URL。