如何在 iPhone 上開啟 ChatGPT 或 Claude 給的 HTML 檔案

為什麼 iPhone 開箱就是開不了

「檔案」App 的預覽以受限模式算繪 HTML：外部樣式表被忽略、JavaScript 從不執行、連結的資源不會載入。而 Safari 是為網址而生的——想把本機檔案連同全部資源塞進去，做法都不可靠。於是在對話裡看起來很漂亮的 AI 儀表板，到了手機上就成了一片沒有樣式的文字。

做法一——把檔案分享給 HTML 檢視器

1. 下載 OpenHTML（免費）——一個私密、完全在裝置上執行的 HTML、Markdown 與網頁專案檢視器。
2. 在 ChatGPT／Claude、「檔案」、郵件或任何聊天 App 裡，對著 .html 檔案點分享。
3. 選擇 OpenHTML。頁面就算繪出來了——樣式套上、本機 JavaScript 跑起來。

如果分享面板裡沒看到 OpenHTML，把 App 那一排往旁邊滑，點「更多」，在那裡選一次它——之後 iOS 就會記住。

做法二——直接貼上程式碼

AI 常常給你的是一段程式碼區塊，而不是檔案。你不必先把它存進「檔案」：複製程式碼，打開 OpenHTML，點 + 選擇「貼上文字或連結」。貼上的程式碼會立刻變成算繪好的頁面，也能像匯入的檔案一樣留在你的資料庫裡。

做法三——從「檔案」開啟一次

如果檔案已經在 iCloud Drive 或「我的 iPhone」裡，在 OpenHTML 點 + 選擇「開啟檔案」，讀一次而不匯入——除非你主動儲存，否則資料庫裡什麼都不會多。只想瞄一眼的檔案很適合這樣處理。

頁面開得起來，樣子卻不對

AI 產生的頁面很常引用根本不存在的東西：放在 CDN 上的 CSS 框架、要從網路載入的圖表函式庫、AI 提到卻從沒產生出來的圖片檔。頁面沒有壞——它只是不完整，而一般的檢視器沒辦法告訴你是哪一塊。

• OpenHTML 的診斷會逐一點名缺少的檔案和被封鎖的遠端資源，還會附上主控台裡的 JavaScript 錯誤。
• 如果頁面真的需要它的 CDN（字體、框架），就為那一份文件允許網路存取——預設會讓每個頁面都保持離線。
• 如果 AI 把頁面拆成好幾個檔案，就整組當成資料夾或 ZIP 一起匯入，相對路徑才會繼續有效——參見執行 ZIP 網頁專案。

想更深入了解這些失敗模式，請讀為什麼你的 HTML 檔案在 iOS 預覽裡是壞的。

隱私：檔案會怎麼樣

AI 的產出常常帶著你自己的資料——報告、表格、草稿。OpenHTML 把一切留在裝置上：匯入的檔案存在 App 的私有儲存空間，沒有帳號也沒有分析追蹤，而且除非你逐份文件允許，頁面連不上網路。任何東西都不會被上傳，永遠不會。

不只是看

• 帶公式的 Markdown 答案一樣離線算繪——參見 iPhone 上的 Markdown + LaTeX。
• 要把成果寄給別人？把算繪後的頁面匯出成完整長度的 PDF 或長圖（Pro）。
• AI 做得幾乎對、還想再修一點？元素檢查器和網路面板在手機上就能用——參見在 iPhone 上偵錯網頁。