ZIP 打包的网页项目,在 iPhone / iPad 上怎么打开运行?

第一步:把 ZIP 作为整体导入

1. 把 .zip 分享给 OpenHTML,或在 App 内导入器中选取(文件夹同样支持)。
2. 压缩包解包成设备内的私有副本,目录结构和所有相对路径原样保留。
3. 入口页面自动识别,直接以渲染好的网站形态打开。

打开的首页不对?含多个 HTML 的项目会在项目工作台里列出候选入口——换一个即可,选择会被记住。

第二步:像真正的网站一样运行

浏览器有意限制 file:// 页面:fetch()、ES modules、XHR 统统不可用。这就是项目在桌面开发服务器上正常、变成本地文件就坏掉的原因。OpenHTML 的本地服务器模式(Pro)让项目跑在设备自己的 127.0.0.1 私有服务器上——同源请求、模块导入、JSON 加载都和线上环境一致。

服务器仅监听回环地址:局域网内其他设备无法访问,离开页面或 App 退后台就停止。页面自身的联网权限依然默认关闭。

第三步:诊断哪里不对

• 结构检查标出 HTML 引用了却缺失的文件、从未被使用的文件、越出项目根目录的路径。
• 诊断列出被拦截的远程资源与 JavaScript 报错,支持一键修复。
• 控制台显示页面日志;网络面板(Pro)显示每一个 fetch/XHR 的状态与耗时。
• 项目中任何文件都能在源码查看器中打开:高亮、搜索、行号。

想更进一步的排查手段,见不用 Mac 在 iPhone 上调试网页。

第四步:导出干净的结果

• 把项目当前状态重新打包成新的 ZIP 发出去。
• 把所有资源内联成一个自包含的 HTML 文件,方便传阅。
• 把渲染页面导出为整页 PDF 或长图(Pro)。

典型场景

• 审阅学生或外包交来的 ZIP 网站。
• 验证 ChatGPT / Claude 生成的多文件应用能不能真的跑起来。
• 通勤路上完全离线地阅读静态站导出或文档包。
• 多年后确认自己网站的备份还能正常打开。

完整能力清单见 ZIP 网页项目功能页。