iPhone 怎么打开 HTML 文件:完整指南

方法一:「文件」App 快速预览

在「文件」里点任何 .html,iOS 会显示一个预览。如果页面完全自包含——CSS 全部内联、没有脚本——读个内容是够的。

• 外部样式表被忽略,大多数真实页面因此丢掉排版。
• JavaScript 从不运行——交互页面看起来卡死或空白。
• 链接的文件(图片、其他页面)不解析。

结论:瞄一眼纯文字内容可以;凡是带样式的页面都会被它带偏。如果文件在这里看起来像没排版的文本,文件本身没坏——是预览的问题。详见为什么 HTML 在 iOS 预览里是坏的。

方法二:Safari

Safari 渲染 HTML 无可挑剔——前提是从网址加载。对本地文件它就很别扭:iOS 没有受支持的方式把文件连同资源目录交给 Safari。绕路方案(data URL、快捷指令、临时挂到网上)都存在,但多文件页面必坏,还把两步的事变成一个工程。页面已经在网上就用 Safari;是文件就用查看器。

方法三:专用 HTML 查看器

OpenHTML(免费)以浏览器的方式渲染 HTML,但对象是文件:把 .html 分享给它、直接粘贴 HTML 代码,或从 iCloud 云盘只读一次不导入。

• 样式生效、本地 JavaScript 运行——网络访问默认关闭,按页面单独放行。
• 多文件页面和 ZIP 压缩包作为完整项目导入,相对路径全部可用——见 ZIP 网页项目。
• 页面渲染不对时,诊断会点名每一个缺失文件、被拦资源和脚本报错。
• Markdown 文件同样渲染成干净页面,并支持离线 LaTeX 公式——见 Markdown + LaTeX。

什么文件用什么方法

• 只想读一次的简单自包含页面 → 「文件」预览。
• 已经在网上的页面 → Safari。
• ChatGPT / Claude 生成的页面 → 查看器,让脚本和样式都工作。
• 保存的网页、邮件里的报告、打包的网站、任何多于一个文件的东西 → 查看器。

常见问题速修

• 页面变成无样式文本 → 外部 CSS 没加载;换会应用样式的查看器。
• 页面空白 → 页面依赖 JavaScript 而脚本没被允许运行;用本地 JS 开启的查看器。
• 图片丢失 → 图片在 HTML 旁边的文件夹里;导入文件夹或 ZIP,别只导那一个文件。
• 中文/日文变成乱码 → 文件不是 UTF-8;OpenHTML 自动识别 GB18030、Shift-JIS 等传统编码。
• 页面要加载数据 → 用到 fetch();切到私有本地服务器模式(Pro),让它像挂在真实服务器上一样运行。

关于隐私

你收到的 HTML 文件常常是带着你数据的报告。OpenHTML 把文件存放在设备内的私有空间,没有账号、没有统计,每个页面的网络访问都默认关闭、需要你主动放行——存下来的页面不可能背着你回传数据。