在 iPhone 上打开 AI 生成的 HTML 网页
ChatGPT、Claude 或国内 AI 给了你一个 HTML 文件——这样才能在 iPhone/iPad 上真正看到它,渲染不对时还能知道为什么。
更新于 2026-08-09
iOS 没有内置打开本地 HTML 文件的正经方式:「文件」App 的预览会丢掉样式和脚本,Safari 也无法可靠地加载本地网页及其资源。
OpenHTML 一步解决:从任意 App 分享文件过来(或直接粘贴 HTML 代码),它就渲染成真正的网页——完全离线,本地 JavaScript 正常运行,网络默认关闭。如果页面仍然显示不对,内置诊断会指出具体缺了哪个文件、哪个远程资源被拦,而不是丢给你一个白屏。
三种打开方式
分享过来
在 ChatGPT、Claude、「文件」、邮件或微信里,点 .html 文件的分享按钮,选择 OpenHTML。页面立刻以私有本地副本的形式打开。
直接粘贴
拿到的是代码而不是文件?打开 OpenHTML 选「粘贴 HTML」,代码直接变成渲染好的页面——不用先存到「文件」里。
从「文件」打开
点「从文件打开」可以只读一次而不导入资料库,支持 iCloud 云盘和任意文件来源。想保留时再存入即可。
AI 页面显示不对的时候
AI 生成的页面出问题的方式很有规律:引用了 CDN 上的 CSS 框架、要联网加载图表库,或者代码分散在几个你根本没拿到的文件里。大多数查看器只会把坏掉的结果直接摆给你。
OpenHTML 自带诊断面板,扫描页面后逐条列出缺失的文件、被拦截的远程资源和 JavaScript 报错——并提供一键修复。如果页面确实需要它的 CDN,可以只为这一个文档放行网络,其余文档保持离线。
隐私默认值:远程网络访问默认关闭,按文档单独放行。AI 生成的页面在你允许之前无法向外发任何请求。
为 AI 工作流而设计
- 单文件页面、多文件项目、ZIP 压缩包,打开方式完全一致。
- Markdown 回答也能渲染成干净的页面——包括 LaTeX 数学公式,完全离线。见Markdown + LaTeX 公式。
- 用到 fetch() 或 ES modules 的页面可跑在私有本地服务器上(Pro)——见 ZIP 网页项目。
- 检查完了?把页面导出为整页 PDF 或长图分享出去(Pro)。
常见问题
为什么 HTML 文件在 iPhone 上显示成纯文本?
「文件」App 的预览会丢掉外部样式和脚本。同一个文件用 OpenHTML 打开就是渲染完整的网页,本地 JavaScript 也会运行。
文件会被上传到哪里吗?
不会。OpenHTML 把私有副本保存在你的设备上,没有账号、没有统计分析,页面的网络访问默认关闭。
AI 给的是一段代码不是文件,能打开吗?
能——复制代码后用「粘贴 HTML」,粘贴的代码会变成可渲染、可保存的页面。
收费吗?
打开、预览、诊断页面免费。一次性买断的 Pro 增加导出 PDF/长图、元素与网络检查器、本地服务器模式等能力。
让 AI 页面显示出本来的样子
把 ChatGPT、Claude 或任意 AI 生成的 HTML 分享或粘贴过来,几秒内离线预览——出问题时还有真正的诊断。
下载 OpenHTMLApp Store 免费下载——核心查看功能无需付费。