iPhone 怎麼開啟 HTML 檔案？以及怎麼傳一個打得開的頁面

老師用電子郵件寄來一份 ChatGPT 做的測驗，朋友在 WhatsApp 傳來一個 Claude 做的遊戲。你在 iPhone 上點一下 .html 檔案，頁面看起來沒問題，按下按鈕卻什麼事都沒發生。這篇教學兩邊都會說明：收到檔案的人怎麼開啟才能讓它執行，以及如果你是傳送的人，怎麼傳一個點一下就能開啟的頁面。

要傳的是你自己做的檔案嗎？本頁上方的上傳框不需帳號，就能把檔案變成預覽連結。這個預覽不會執行指令碼，所以測驗或遊戲在裡面不會有反應。按下「保留這個頁面：免費，不需信用卡」並註冊，頁面就會移到你的帳號裡，指令碼在那裡會執行，你也可以發布它。

在 iPhone 上點一下 .html 檔案會發生什麼事

Apple 的「檔案」App 說明寫著：「如果你尚未安裝製作該檔案的 App，系統會在『快速查看』中開啟檔案預覽畫面。」我們用 .html 檔案測試時，看到的就是這樣。

我們在 2026 年 10 月 6 日，用 Apple 的 iPhone 模擬器（Xcode，iPhone 17 Pro）在 iOS 26.3 上測試。我們把 2 個測試頁面存到「檔案」App，逐一點開。「快速查看」預覽：

顯示了文字、版面，以及寫在檔案裡的 CSS
沒有執行 JavaScript：應該被指令碼改寫的那一行維持原樣，點擊計數器也停在 0
沒有從網路載入任何東西：https:// 的圖片、Google Fonts 和從 CDN 載入的 Tailwind 全都失敗，所以用 Tailwind 的頁面完全沒有樣式

CSS 寫在檔案裡、只有文字的頁面，在預覽中可以正常閱讀。測驗、遊戲、圖表或有分頁標籤的頁面，看起來已經完成，點了卻沒有任何反應。我們沒有測試實體 iPhone，也沒有測試 iOS 27。

Apple 的說明也提到了「打開方式」：在「檔案」App 按住檔案，選擇「打開方式」，再選一個 App。列表裡有哪些 App，要看你手機上裝了什麼。我們沒有測試 iPhone 會為 .html 檔案列出哪些 App。

在 iPhone 上開啟 HTML 檔案的 4 個步驟

這些步驟會在 Safari 開啟檔案，指令碼在那裡會執行。過程中不會上傳任何東西。

1. 把檔案存到「檔案」App

在「郵件」App 按住附件，選擇「儲存到檔案」，就像 Apple 的「郵件」說明寫的那樣。在 WhatsApp、「訊息」或其他聊天 App 裡，打開檔案後用那個 App 的分享按鈕存到「檔案」App。我們沒有測試這些 App，所以按鈕的名稱可能不一樣。

2. 在 Safari 打開 Convika 的 HTML 檢視器

在 Safari 打開免費的 HTML 檢視器，不需要帳號。檔案由你的瀏覽器讀取，不會傳到 Convika 的伺服器。沒預期會收到的檔案不要開啟，先問過傳給你的人。如果對檔案有疑慮，選擇檔案前先關閉「執行指令碼」，這樣頁面只會顯示 HTML 和 CSS。

3. 點一下「選擇 .html 檔案」

點一下「選擇 .html 檔案」，到你存放檔案的檔案夾選擇它。頁面會在檢視器裡顯示，JavaScript 會執行，而且是在和 convika.com 隔開的框架裡。它會從其他網站載入圖片、字型和指令碼，例如從 CDN 載入的 Tailwind。檢視器可以開啟最大 2 MB 的 .html 和 .htm 檔案。

4. 看看頁面下方列出缺少的檔案

如果頁面指向放在它旁邊的檔案，例如 photo.png 或 style.css，檢視器會在頁面下方列出這些檔案。它們無法顯示，因為你收到的只有 .html 檔案。請傳給你的人改傳網址，或給你一個把所有內容都寫在裡面的檔案。

如果程式碼是以文字的形式傳到聊天室或電子郵件裡，就在檢視器選擇「貼上程式碼」，貼上後點一下「顯示頁面」。

各種開啟方式比較

開啟方式	需要另外的 App 嗎	指令碼有沒有執行	誰看得到頁面
在「檔案」App 點一下（「快速查看」預覽）	不需要	沒有，在我們的 iOS 26.3 測試中	只有你
在 Safari 用 Convika 的 HTML 檢視器選擇檔案	不需要，它是網頁	有，除非你關閉「執行指令碼」	只有你，在那支手機上
把程式碼貼到 HTML 檢視器	不需要	有，除非你關閉「執行指令碼」	只有你，在那支手機上
點一下傳送者給的網址	不需要	有，前提是主機會執行指令碼；在 Convika 發布的頁面會執行	每個拿到網址的人，用任何手機或電腦都行

開啟用電子郵件、WhatsApp 或「訊息」傳來的檔案

「郵件」。 Apple 的「郵件」說明寫著，按住附件有 3 個選擇：照片用「儲存影像」、「儲存到檔案」，或點一下「分享」用其他 App 打開。把它存到「檔案」App，再照上面的步驟做。
WhatsApp。 用 WhatsApp 附加檔案的選項傳來的檔案，收到時是一個最大 2 GB 的檔案，不是頁面。把它存到「檔案」App，再用檢視器開啟。〈How to send an HTML page on WhatsApp〉（英文）說明了傳送端要怎麼做。
「訊息」。 我們沒有測試「訊息」會怎麼開啟 .html 檔案。和其他 App 一樣，存到「檔案」App 後用檢視器開啟。

這些都是收到檔案的人的變通方法。如果傳送者能改傳網址，你點一下網址，頁面就會在 Safari 開啟。

為什麼頁面看起來是壞的

預覽不是瀏覽器。 我們測試時，「檔案」App 的「快速查看」沒有執行 JavaScript，也沒有從網路載入任何東西。按鈕、分頁標籤、計時器，以及由指令碼畫出來的圖表，都需要瀏覽器。
放在旁邊的檔案沒有一起過來。 頁面常把樣式放在 style.css、圖片放在 photo.png 這類檔案、程式放在 .js 檔案，和 .html 檔案放在一起。聊天或電子郵件只會傳你選的那一個檔案。我們在 2026 年 10 月 13 日用 Chromium 測試：從頁面自己的檔案夾開啟時，3 個檔案全都載入了；同一個頁面單獨複製到另一個檔案夾後，一個都沒有載入：文字失去樣式，圖片變成破圖，指令碼也沒有執行。
這個檔案是大型網站裡的一頁。 連到 about.html 的連結指向另一個你沒有的檔案，所以在檢視器裡也打不開。

後面 2 項傳送者可以解決：請做頁面的 AI 把所有 CSS 和 JavaScript 都寫進同一個 HTML 檔案，圖片也改用完整的 https:// 網址。

改傳網址，不要傳檔案

如果你是傳檔案的人，傳網址可以讓對方省下上面所有步驟。對方在 WhatsApp、「郵件」或「訊息」裡點一下網址，Safari 就會開啟頁面，按鈕也能正常運作。你只要傳一個網址，大家打開的就是同一個頁面。

用 Convika 的做法：

把檔案拖放到本頁上方的上傳框，或貼上程式碼。幾秒鐘就能拿到預覽連結，不需要帳號。這個連結可以使用 3 分鐘，指令碼和表單在裡面不會運作。
按下「保留這個頁面：免費，不需信用卡」並註冊。頁面會移到你的帳號裡，指令碼在控制台的預覽中就會執行。
按下「發布頁面」。在「誰可以開啟這個頁面？」選擇「公開」，再按下「下一步」。第一次發布時，Convika 會顯示「免費發布」，下方還有「不帶 Convika 橫幅發布」，它會開啟 Pro 月繳的訂購畫面（綁定信用卡可免費使用 1 天，之後每月 US$12）。要用 Free 方案發布，就按下「免費發布」。
複製頁面的網址，例如 yourpage.convika.page，貼到聊天室或電子郵件裡，取代原本的檔案。想把頁面當成圖示留在自己的手機上，請看如何把 HTML 檔案加到主畫面（英文）。

在 Free 方案，頁面會以「公開」發布：任何有網址的人都能開啟，它也可能出現在搜尋結果和 Convika 藝廊中。要讓它不出現在這兩個地方，發布時在「誰可以開啟這個頁面？」選擇「不公開連結」（Pro）。拿到不公開連結的人仍然可以開啟頁面。

Free 方案可以發布 1 個頁面，每月 10,000 次瀏覽，控制台也會顯示有多少人打開了頁面。要把頁面放到教室的螢幕或印出來的講義上，〈How to turn an HTML file into a QR code〉（英文）說明了讓大家掃描的 QR 碼。〈How to share an HTML file as a link〉（英文）比較了其他免費的主機。如果檔案是你用 AI 做的遊戲，〈Make a game with AI and send friends a link〉（英文）說明了提示詞和在手機上要檢查的地方。

常見問題

iPhone 要怎麼開啟 HTML 檔案？

先把檔案存到「檔案」App，再用 Safari 打開 Convika 免費的 HTML 檢視器，點一下「選擇 .html 檔案」。頁面會在那裡連同 JavaScript 一起執行，檔案也不會被上傳。直接在「檔案」App 點一下檔案，開啟的則是「快速查看」預覽，我們在 iOS 26.3 上測試時，它沒有執行任何指令碼。如果收到的是沒預期的檔案，先問過對方；對檔案有疑慮時，選擇檔案前先關閉「執行指令碼」。

為什麼 HTML 檔案在 iPhone 上打開只顯示程式碼？

你用來打開檔案的 App 把它當成文字顯示，而不是當成頁面執行。我們沒有測試哪些 iPhone App 會這樣。我們測試時，「檔案」App 的預覽顯示的是頁面的文字和 CSS，不是程式碼，但沒有執行任何指令碼。想看到頁面原本的樣子，請透過 HTML 檢視器在 Safari 開啟，或請傳給你的人改傳網址。

iPhone 可以用 Safari 開啟 HTML 檔案嗎？

可以，透過在 Safari 裡讀取檔案的網頁，例如 Convika 的 HTML 檢視器：點一下「選擇 .html 檔案」，從「檔案」App 選擇檔案。指令碼、網路字型和網路上的圖片都會在那裡載入。我們沒有測試在 Safari 用檔案路徑直接開啟存好的檔案。沒預期會收到的檔案，先問過傳給你的人，選擇前先關閉「執行指令碼」。

要怎麼把 HTML 檔案存到 iPhone？

在「郵件」App 按住附件，選擇「儲存到檔案」，就像 Apple 的「郵件」說明寫的那樣。在 WhatsApp 這類聊天 App 裡，打開檔案後用那個 App 的分享按鈕存到「檔案」App。之後檔案就會留在「檔案」App 裡，Safari 中的 HTML 檢視器可以開啟它。

要怎麼傳 HTML 檔案，才能在手機上打開？

傳頁面的網址，不要傳檔案。把檔案放到會執行指令碼的主機上，再把網址貼到聊天室或電子郵件裡。在 Convika，上傳框不需帳號就能做出預覽連結，但指令碼不會執行。用 Free 方案保留頁面並發布，網址就會在手機的瀏覽器開啟，按鈕也能正常運作。

資料來源

在 iPhone 上尋找並檢視檔案和檔案夾（Apple 支援）（2026 年 10 月 29 日查閱）
在 iPhone 上的「郵件」中下載電子郵件附件（Apple 支援）（2026 年 10 月 29 日查閱）
〈傳送影音內容、文件、位置或聯絡人〉（WhatsApp 說明中心，iPhone）（2026 年 10 月 29 日查閱）

iPhone 要怎麼開啟 HTML 檔案？要怎麼傳一個點了就能開啟的頁面？