ChatGPT / Claude 生成的 HTML 文件,iPhone 上怎么打开?

为什么 iPhone 默认打不开

「文件」App 的预览以受限模式渲染 HTML:外部样式表被忽略、JavaScript 从不运行、引用的资源不加载。而 Safari 是为网址设计的——想把本地文件连同资源一起塞给它并不可靠。于是聊天窗口里效果很好的 AI 仪表盘,到了手机上就成了一堵没有样式的文字墙。

方法一:把文件分享给 HTML 查看器

1. 下载 OpenHTML(免费)——私密、纯本地的 HTML / Markdown / 网页项目查看器。
2. 在 ChatGPT、Claude、「文件」、邮件或微信里,点 .html 文件的分享按钮。
3. 选择 OpenHTML。页面立刻渲染完成——样式生效,本地 JavaScript 正常运行。

分享面板里找不到 OpenHTML?左滑应用一行,点「更多」,勾选一次即可——iOS 之后会记住它。

方法二:直接粘贴代码

AI 经常给的是代码块而不是文件。不用先存到「文件」:复制代码,打开 OpenHTML 选「粘贴 HTML」,代码立刻变成渲染好的页面,还能像导入的文件一样存进资料库。

方法三:从「文件」里只读一次

文件已经在 iCloud 云盘或本机?用 OpenHTML 的「从文件打开」可以只读一次、不导入——除非你主动保存,资料库不会多任何东西。适合只想瞄一眼的文件。

打开了,但显示不对

AI 生成的页面出错方式很固定:引用了 CDN 上的 CSS 框架、要联网加载图表库、或者提到了一个它从没生成的图片文件。页面没有坏——只是不完整,而普通查看器说不出缺的是哪一块。

• OpenHTML 的诊断按名字列出每一个缺失文件、被拦截的远程资源,以及控制台里的 JavaScript 报错。
• 如果页面确实需要它的 CDN(字体、框架),可以只给这一个文档放行网络——其余文档保持离线。
• AI 把页面拆成了好几个文件?整个文件夹或 ZIP 一起导入,相对路径就能继续工作——见 ZIP 网页项目。

想深入了解各种失败形态,读为什么 HTML 文件在 iOS 预览里是坏的。

隐私:文件去了哪

AI 的输出常常含有你自己的数据——报告、表格、草稿。OpenHTML 把一切留在设备上:导入的文件存放在 App 的私有空间,没有账号、没有统计,页面在你按文档放行之前无法触网。永远不会上传。

不止查看

• Markdown 回答连同公式也能离线渲染——见 Markdown + LaTeX 公式。
• 要把结果发给别人?把渲染页面导出为整页 PDF 或长图(Pro)。
• AI 差一点就写对了,想自己排查?元素检查器和网络面板直接在手机上用——见在 iPhone 上调试网页。