别人发来的 .html 文件怎么打开？在线预览的正确方式

双击别人发来的 .html，要么弹出满屏标签，要么图片裂成空框——不是文件坏了。.html 是网页源码，要用浏览器渲染才会变成页面。分清「能打开文字」和「能看见排版」，打开和预览就有路。

.html 是网页源码，本质是带标签的纯文本，描述标题、段落、图片、按钮。它必须经过浏览器解析，才会变成你看到的排版。

双击显示代码，几乎都是因为文件被关联到了文本编辑器（记事本、VS Code、Sublime），而不是浏览器。系统老老实实把源码展示给你。最快的办法是右键「打开方式 → 浏览器」，或把文件拖进 Chrome / Edge / Safari。

即便用浏览器打开，别人发来的单个 .html 仍常有两类问题：图片裂开（路径指向不在你电脑上的文件），样式或按钮没了（CSS、JS 没和这一份一起打包）。这时缺的不是「再换一个软件」，而是一个能稳定渲染、并帮你看清的预览。

要改字、换图而不写代码，见AI 生成的网页想改个字；本文只解决打开和看一眼。

Windows 若把 .html 默认给了 VS Code 或记事本，双击就是标签和属性，看起来像「打不开网页」。默认仍是 Edge / Chrome 时，双击会进浏览器——若页面引用了外部图和样式，仍可能裂图、没样式。都不是损坏。

改默认程序：右键 → 打开方式 → 选择默认应用 → 选浏览器。只想偶尔看一眼，不改关联、每次拖进浏览器窗口即可。

Mac 有时用 Safari 打开（这是你要的渲染），有时用文本编辑打开（这是源码）。装过编辑器并设成默认后，双击会进代码而不是页面。和 Windows 一样：能打开 ≠ 已经渲染。

若提示无法打开，先用「打开方式」选文本编辑确认里面有字——能看到 <html> 或正常句子，文件就是好的。

标签不是损坏。记事本和 VS Code 不会渲染 HTML，所以 <h1>标题</h1> 就显示成标签。图片裂开通常是路径问题：src="images/a.png" 而 images 文件夹没和 html 一起发过来，或用了只有作者电脑上才存在的绝对路径。

判断损坏：用文本程序打开后能否读出标签和文字。还能读，就是没渲染或缺资源。打不开、全空白、大量替换字符，才怀疑下载不完整。

要看真正的页面，必须用浏览器渲染，任选一条：

1. 本机浏览器：把 .html 拖进窗口。图和 CSS 若在同一文件夹且相对路径正确，就能看全。
2. 带视口的网页预览：粘贴或导入后右侧出图，并可切到约 375px / 768px 看手机和平板。适合「只看一眼、还想确认窄屏」。
3. 只要读字：不在乎样子，文本编辑器读源码即可。

没有本机折腾文件关联时，在线 HTML 预览 就是第 2 条：导入后看渲染结果，并可切换宽度。只解决「看见」，不在这篇里展开可视化改字或生成分享链接。

来源不明的 HTML 可能带脚本。本机双击等于在你的浏览器里执行页面；预览若跑在限制权限的沙箱里，风险更小。不认识的附件，先看源码再决定要不要渲染。

.html 打不开或显示代码，是关联到了编辑器，或页面缺了旁边的图和样式，不是文件坏了。Windows、Mac 都可能双击进文本程序；要排版就用浏览器或带视口的预览。改内容和发给别人传阅，走对应专文，不必和「怎么打开」挤在同一篇。