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

在 iPhone 上開啟 AI 生成的 HTML 網頁

ChatGPT、Claude 或 Gemini 剛給了你一個 HTML 檔案——這裡說明怎麼在 iPhone 或 iPad 上真正看到它,以及畫面不對時怎麼找出原因。

更新於 2026-09-15

iOS 沒有內建像樣的方式開啟本機 HTML 檔案:「檔案」App 的預覽會拿掉樣式和指令碼,Safari 也無法可靠地連同資源一起載入本機頁面。

OpenHTML 一步解決:從任何 App 分享檔案過來(或直接貼上 HTML 程式碼),它就會算繪成真正的頁面——離線執行,JavaScript 在本機跑,網路存取預設關閉。如果頁面還是不對,內建的診斷會明確指出缺了哪個資源、哪個被封鎖,而不是丟給你一片空白。

三種開啟方式

  1. 分享過來

    在 ChatGPT、Claude、「檔案」、郵件或任何聊天 App 裡,點一下 .html 檔案的分享按鈕並選擇 OpenHTML。頁面會立刻以私有的本機副本開啟。

  2. 直接貼上

    拿到的是 HTML 程式碼而不是檔案?開啟 OpenHTML,點 + 選「貼上文字或連結」,程式碼就會變成算繪好的頁面——不必先存進「檔案」。

  3. 只開啟一次

    點 + 選「開啟檔案」,就能從 iCloud Drive 或任何檔案來源只讀一次 HTML 檔案而不匯入。想留下來時再存進資料庫。

AI 頁面顯示不對的時候

AI 生成的頁面出錯的方式很有規律:引用了 CDN 上的 CSS 框架、要連網載入圖表程式庫,或是把程式碼拆進你根本沒拿到的檔案裡。多數檢視器只會把壞掉的結果原樣端給你。

OpenHTML 內建診斷面板,掃描頁面後逐條列出缺少的檔案、被封鎖的遠端資源和 JavaScript 錯誤——每一項都能一鍵修正。如果頁面確實需要它的 CDN,你可以只為這一份文件放行網路存取,其餘一律維持離線。

隱私預設值:遠端網路存取在你逐份文件開啟之前一律關閉。AI 生成的頁面在你允許之前,無法向外回報任何東西。

為 AI 工作流程而生

  • 單一檔案的頁面、多檔案專案和 ZIP 壓縮檔,開啟方式完全一樣。
  • Markdown 回答同樣會算繪成乾淨的頁面——包含 LaTeX 數學式,而且完全離線。請見 在 iPhone 上用 Markdown + LaTeX。
  • 用到 fetch() 或 ES 模組的頁面可以跑在私有的本機伺服器上(Pro)——請見 ZIP 網頁專案。
  • 檢查完了?把頁面匯出成整頁 PDF 或長圖,再分享出去(Pro)。

常見問題

為什麼我的 HTML 檔案在 iPhone 上看起來像純文字?

「檔案」App 的預覽會拿掉外部樣式和指令碼。同一個檔案用 OpenHTML 開啟就會算繪成真正的網頁,本機 JavaScript 也會執行。

HTML 檔案會被上傳到哪裡嗎?

不會。OpenHTML 只在你的裝置上保留一份私有副本。沒有帳號、沒有分析追蹤,頁面的網路存取預設關閉。

ChatGPT 給的是一段程式碼而不是檔案,也能開嗎?

可以——複製程式碼,點 + 選「貼上文字或連結」,貼上的程式碼就會變成可算繪、可儲存的頁面。

要付費嗎?

開啟、預覽和診斷頁面都免費。一次買斷的 Pro 另外加上匯出 PDF/長圖、元素檢查器與網路檢查器、本地伺服器模式等功能。

讓 AI 頁面呈現出它原本的樣子

把 ChatGPT、Claude 或 Gemini 產生的任何 HTML 分享或貼過來,幾秒鐘就能離線預覽——出狀況時還有真正的診斷。

下載 OpenHTML

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