Skip to content
在 iOS 上私密地開啟 HTML 檔案。OpenHTML

在 iPhone 和 iPad 上開啟並執行 ZIP 網頁專案

打包好的網站、課堂專案、匯出的原型——匯入後就像真正的網站一樣執行,不必用 Mac,也不必連網。

更新於 2026-09-15

Safari 在 iOS 上打不開本機的多檔案網站,而在「檔案」App 裡解壓縮,得到的只是一堆彼此連不起來的檔案。

OpenHTML 會把整個 ZIP(或資料夾)當成一個專案匯入:找出入口頁面、讓每一條相對路徑都能運作,並離線預覽整個網站。用到 fetch()、ES 模組或 JSON 資料的頁面,還能跑在私有的 127.0.0.1 本地伺服器上——和真正的網頁伺服器條件相同,而且完全在你的裝置上。

從 ZIP 到執行中的網站

  1. 匯入 ZIP 或資料夾

    把壓縮檔分享給 OpenHTML,或在匯入器裡選取。專案會解開成一份私有副本,不會上傳任何內容。

  2. 預覽入口頁面

    入口 HTML 會自動偵測——如果專案裡有多個候選頁面,你可以在專案工作台切換入口。

  3. 需要時開啟本地伺服器

    網站若用到 fetch()、ES 模組或 XHR,把專案切換到本地伺服器模式(Pro):它只在 127.0.0.1 上執行,僅限回送位址,離開頁面就會停止。

看見整個專案,而不只是一個頁面

專案工作台會列出每一個檔案,附上大小與結構檢查:HTML 引用卻不存在的資源、存在卻從未用到的檔案、逃出專案根目錄的可疑路徑,以及候選的入口頁面。

  • 診斷會標出缺少的檔案、被封鎖的遠端資源和 JavaScript 錯誤——每一項都能一鍵修正。
  • 原始碼檢視器可以開啟專案裡的任何檔案,附語法標示、搜尋與行號。
  • 在網路面板觀察 fetch、XHR 和 WebSocket 流量,並直接在裝置上檢查 DOM(Pro)。
  • 用手機/平板/桌面的視窗預設測試響應式佈局,或要求桌面版網站(Pro)。

把成果交付出去

檢查或修好之後就能匯出:把目前狀態重新打包成乾淨的 ZIP、把所有資源內聯成單一自足的 HTML 封存檔,或把算繪好的頁面印成整頁 PDF 或長圖(Pro)。

本地伺服器只綁定 127.0.0.1——你網路上的任何裝置都連不到它,App 退到背景就會關閉。頁面本身的網路存取同樣維持關閉,除非你放行。

常見問題

我的專案為什麼非要本地伺服器不可?

基於安全考量,瀏覽器會在 file:// 網址上封鎖 fetch()、ES 模組和 XHR。localhost 伺服器給了頁面一個真正的來源,這些功能就能和上線環境一樣運作。

ZIP 可以多大?

一般網頁專案都能順利匯入;壓縮檔在解開前會先檢查大小,所以損壞或過大的 ZIP 會給出明確訊息,而不是讓 App 卡住。

可以編輯專案裡的檔案嗎?

OpenHTML 是檢視與偵錯工具,不是 IDE——你可以帶著語法標示和搜尋讀取每個檔案、切換入口、診斷並重新匯出。要編輯的話,請到你慣用的編輯器改好後再匯入。

開起來的入口頁面不對怎麼辦?

打開專案工作台,把任何一個候選 HTML 設為新的入口——這個選擇會分別記在每個專案上。

在你所在的地方執行你的網頁專案

匯入 ZIP、離線預覽、用真正的工具偵錯,再匯出乾淨的成果——全部在 iPhone 或 iPad 上完成。

下載 OpenHTML

在 App Store 免費下載——核心檢視功能不必付費。