如何在 iPhone 或 iPad 上開啟並執行 ZIP 網頁專案

第一步——把 ZIP 當成一個專案匯入

1. 把 .zip 分享給 OpenHTML，或用 App 內的匯入工具選它（資料夾也可以）。
2. 壓縮檔會解開成裝置本機的私有副本，資料夾結構和每一條相對路徑都原封不動。
3. 入口頁會被自動偵測，並以算繪好的網站開啟。

先開的頁面不對？含多個 HTML 檔案的專案會在「專案內容」列出候選——換一個入口，它就會被記住。

第二步——像真網站那樣跑起來

瀏覽器對 file:// 頁面有刻意的限制：不能 fetch()、不能用 ES 模組、不能 XHR。這就是為什麼在你桌機開發伺服器上正常的專案，換成本機檔案就像壞掉了。OpenHTML 的本地伺服器模式（Pro）會在裝置本身的私有 127.0.0.1 伺服器上執行專案——同源請求、模組匯入和 JSON 載入的行為，都跟正式環境一模一樣。

這個伺服器只走本機回送位址：網路上其他裝置都連不到它，而且你一離開頁面或把 App 切到背景，它就會停止。頁面自己連外網的權限仍然是關的，除非你允許。

第三步——診斷哪裡不對

• 結構檢查會標出 HTML 引用卻缺少的檔案、沒被用到的檔案，以及跑出專案根目錄的路徑。
• 診斷會列出被封鎖的遠端資源和 JavaScript 錯誤，並附一鍵修正。
• 主控台顯示頁面的日誌；網路面板（Pro）顯示每一筆 fetch／XHR 的狀態和時間。
• 專案裡任何檔案都能在原始碼檢視器裡開啟，附語法高亮和搜尋。

要偵錯的範圍超出專案本身？參見不必用 Mac，在 iPhone 上偵錯網頁。

第四步——匯出乾淨的成果

• 把專案目前的狀態重新打包成一個新的 ZIP，往下傳給別人。
• 把所有東西內聯進單一個自足的 HTML 檔案，分享起來最省事。
• 把算繪後的頁面列印成完整長度的 PDF 或長圖（Pro）。

典型用途

• 檢視學生或外包廠商以 ZIP 交付的網站。
• 確認 ChatGPT 或 Claude 產生的多檔案網頁應用真的跑得起來。
• 在火車上完全離線地讀靜態網站匯出檔或文件包。
• 多年之後，驗證自己網站的備份還能正常開啟。

完整的能力清單在 ZIP 網頁專案功能頁。