iPad 要怎麼開啟 HTML 檔案?為什麼測驗或遊戲按了沒反應?
快速解答
我們在 2026 年 10 月 24 日用 iPadOS 26.5 模擬器測試:在 iPad 的「檔案」App 點一下 .html 檔案,開啟的是「快速查看」預覽,顯示了文字和 CSS,卻沒有執行 JavaScript;「打開方式」也沒有列出任何 App。要讓頁面執行,請透過免費的 HTML 檢視器在 Safari 開啟檔案,或改傳網址,不要傳檔案。
Free 方案:不需信用卡,可發布 1 個頁面。
老師傳來一份 ChatGPT 做的單字測驗,學生用 AirDrop 收到 Claude 做的小遊戲。你在 iPad 上點一下 .html 檔案,頁面看起來已經完成,按下按鈕卻什麼事都沒發生。這篇教學說明 iPad 會怎麼處理這個檔案、怎麼在 Safari 開啟才能讓它執行,以及怎麼傳一個點一下就能開啟的頁面。
要傳的是你自己做的檔案嗎?本頁上方的上傳框不需帳號,就能把檔案變成預覽連結。這個預覽不會執行指令碼,所以測驗或遊戲在裡面不會有反應。按下「保留這個頁面:免費,不需信用卡」並註冊,頁面就會移到你的帳號裡,指令碼在那裡會執行,你也可以發布它。
在 iPad 上點一下 .html 檔案會發生什麼事
Apple 的 iPad「檔案」App 說明寫著:「如果你尚未安裝製作該檔案的 App,系統會在『快速查看』中開啟檔案預覽畫面。」說明裡的「快速查看」是用來預覽「影像檔或 PDF」的,完全沒有提到 HTML。我們測試時,點一下 .html 檔案,開啟的就是這個預覽。
我們在 2026 年 10 月 24 日日本時間(JST)08:24 到 08:29,用 Apple 的 iPad 模擬器測試:Xcode 26.5,機型是 iPad Pro 11 吋(M5),系統是 iPadOS 26.5。測試頁面裡寫了 CSS,有一段會改寫狀態文字、計算按鈕點擊次數的指令碼,還有一個 Google Fonts 的字型和一張來自 https:// 網址的圖片。我們把它存在「檔案」App 裡 iPad 本機的位置。
| 我們做了什麼 | 看到什麼 | 指令碼有沒有執行 | 網路字型和圖片有沒有載入 |
|---|---|---|---|
| 在「檔案」App 點一下檔案 | 「快速查看」預覽。CSS 有套用,狀態文字仍然是 JavaScript did NOT run,按了 2 次按鈕,計數器還是 0 | 沒有 | 沒有:字型換成了別的字型,圖片顯示為破圖 |
| 按住檔案,再選「打開方式」 | 沒有可用的 App,只有一個選項:「以快速查看預覽」 | 不適用 | 不適用 |
| 對檔案選「取得資訊」 | 種類:HTML 文字。「每次都用此應用程式來打開」也沒有可用的 App | 不適用 | 不適用 |
| 在預覽中點一下分享按鈕 | 拷貝、列印、加入標記和「儲存到檔案」。「更多」裡的 App 列表是空的 | 不適用 | 不適用 |
| 在 Safari 用 Convika 的 HTML 檢視器選擇檔案 | 狀態文字變成 JavaScript ran,計數器算到 3 次點擊 | 有 | 有 |
| 同上,但關閉「執行指令碼」 | JavaScript did NOT run,計數器停在 0 | 沒有 | 有 |
| 在 Safari 用網址開啟一個在 Convika 發布的頁面 | 由指令碼從 CDN 載入的 Tailwind 套用了樣式,點一下 Cookie 通知也能關閉 | 有 | 未檢查 |
這些結果和我們 2026 年 10 月 15 日在 iPadOS 26.3 上的測試一致。Apple 的安全性更新列表(2026 年 10 月 26 日發布)顯示,最新的 iPadOS 是 iPadOS 27.2 和 iPadOS 26.7.2,兩者都在 2026 年 10 月 26 日推出。我們手上最新的模擬器是 iPadOS 26.5,所以沒有測試 iPadOS 26.7 或 27。我們也沒有測試實體 iPad、學校管理的 iPad、AirDrop 或 Chrome。模擬器裡沒有「郵件」App,所以也沒有測試從「郵件」開啟附件。
CSS 寫在檔案裡、只有文字的頁面,在預覽中可以正常閱讀。測驗、遊戲、圖表或有分頁標籤的頁面,看起來已經完成,點了卻沒有任何反應。
在 iPad 上開啟 HTML 檔案的 4 個步驟
這些步驟會在 Safari 開啟檔案,指令碼在那裡會執行。過程中不會上傳任何東西。
1. 把檔案存到「檔案」App
在「郵件」App 按住附件,選擇「儲存到檔案」,就像 Apple 的 iPad「郵件」說明寫的那樣。從網站下載的檔案,Apple 的 iPad 說明寫著會放在「檔案」App 的「下載項目」裡。在「訊息」、Google Classroom 或其他 App 裡,打開檔案後用那個 App 的分享按鈕存到「檔案」App。我們沒有測試這些 App,所以按鈕的名稱可能不一樣。
2. 在 Safari 打開 Convika 的 HTML 檢視器
在 Safari 打開免費的 HTML 檢視器,不需要帳號。檔案由你的瀏覽器讀取,不會傳到 Convika 的伺服器。沒預期會收到的檔案不要開啟,先問過傳給你的人。如果對檔案有疑慮,選擇檔案前先關閉「執行指令碼」,這樣頁面只會顯示 HTML 和 CSS。
3. 點一下「選擇 .html 檔案」
點一下「選擇 .html 檔案」。我們測試時,Safari 上方開啟了「檔案」的視窗,檔案就在「最近項目」裡;你也可以到存放檔案的檔案夾找。頁面會在檢視器裡顯示,JavaScript 會執行,而且是在和 convika.com 隔開的框架裡。它會從其他網站載入圖片、字型和指令碼,例如 Google 的字型。檢視器可以開啟最大 2 MB 的 .html 和 .htm 檔案,預設以「全寬」顯示頁面,點一下「手機」才會切換。
4. 看看頁面下方列出缺少的檔案
如果頁面指向放在它旁邊的檔案,例如 photo.png 或 style.css,檢視器會在頁面下方列出這些檔案。它們無法顯示,因為你收到的只有 .html 檔案。請傳給你的人改傳網址,或給你一個把所有內容都寫在裡面的檔案。
如果程式碼是以文字的形式傳到聊天室或電子郵件裡,就在檢視器選擇「貼上程式碼」,貼上後點一下「顯示頁面」。
在 iPad 上容易卡住的地方
- 「打開方式」沒有列出瀏覽器。 我們測試時,「打開方式」和「取得資訊」裡的「每次都用此應用程式來打開」都沒有可用的 App。所以在我們測試的 iPad 上,「檔案」App 沒有辦法把檔案交給 Safari,也無法把 Safari 設成它的預設 App。
- 預覽看起來已經完成。 文字和顏色都對,很容易以為測驗壞掉了。其實沒有壞,只是預覽不會執行它的指令碼。
- 放在旁邊的檔案沒有一起過來。 頁面常把樣式放在
style.css、圖片放在photo.png這類檔案、程式放在.js檔案,和.html檔案放在一起。電子郵件或聊天只會傳你選的檔案。檢視器會在頁面下方列出缺少的檔案。 - 其他瀏覽器。 我們只測試了 Safari,沒有測試 iPad 上的 Chrome 或其他瀏覽器。
改傳網址,不要傳檔案
如果你是傳檔案的人,傳網址可以讓每個學生省下上面這些步驟。學生點一下網址,Safari 就會開啟頁面並執行指令碼,我們測試發布後的頁面時也是這樣。你只要傳一個網址,大家打開的就是同一個頁面。
用 Convika 的做法:
- 把檔案拖放到本頁上方的上傳框,或貼上程式碼。幾秒鐘就能拿到預覽連結,不需要帳號。這個連結可以使用 3 分鐘,指令碼和表單在裡面不會運作。
- 按下「保留這個頁面:免費,不需信用卡」並註冊。頁面會移到你的帳號裡,指令碼在控制台的預覽中就會執行。
- 按下「發布頁面」。在「誰可以開啟這個頁面?」選擇「公開」,再按下「下一步」。第一次發布時,Convika 會顯示「免費發布」,下方還有「不帶 Convika 橫幅發布」,它會開啟 Pro 月繳的訂購畫面(綁定信用卡可免費使用 1 天,之後每月 US$12)。要用 Free 方案發布,就按下「免費發布」。
- 複製「公開網址」下方的網址,貼到班級的課程動態、聊天室或電子郵件,取代原本的檔案。
Free 方案可以發布 1 個頁面,每月 10,000 次瀏覽。各方案包含哪些內容、超過瀏覽次數後會怎樣,請看價格頁面。如果教室裡有一整排 iPad,〈How to turn an HTML file into a QR code〉(英文)說明了學生用「相機」App 掃描的 QR 碼,〈Put an AI-made quiz on your students' iPads〉(英文)說明了學校的過濾設定和共用的 iPad。要把網址貼到 Google Classroom,請看〈how to submit or post an HTML file in Google Classroom〉(英文)。
檢視器做不到的事
- 載入放在頁面旁邊的檔案。 檢視器只會讀取你選的那一個檔案。像
photo.png或game.js這樣的路徑,指向的是留在傳送者電腦裡的檔案。 - 開啟網站裡其他頁面的連結。 因為同樣的原因,連到
about.html的連結打不開。會開啟新分頁的連結也已關閉。 - 讓別人看到這個頁面。 頁面只會在那台 iPad 上執行,檢視器也不會保存它。要給別人看,請發布頁面再傳網址。
前 2 項傳送者可以解決:請做頁面的 AI 把所有 CSS 和 JavaScript 都寫進同一個 HTML 檔案,圖片也改用完整的 https:// 網址。
常見問題
iPad 要怎麼開啟 HTML 檔案?
先把檔案存到「檔案」App,再用 Safari 打開 Convika 免費的 HTML 檢視器,點一下「選擇 .html 檔案」。頁面會在那裡連同 JavaScript 一起執行,檔案也不會被上傳。直接在「檔案」App 點一下檔案,開啟的則是「快速查看」預覽,我們在 iPadOS 26.5 上測試時,它沒有執行任何指令碼。如果收到的是沒預期的檔案,先問過對方;對檔案有疑慮時,選擇檔案前先關閉「執行指令碼」。
iPad 可以執行 HTML 檔案嗎?
可以,在 Safari 裡可以,但在「檔案」App 點一下不行。我們在 iPadOS 26.5 上測試時,「檔案」App 的預覽顯示了頁面,卻沒有執行 JavaScript,「打開方式」也沒有列出任何 App。同一個檔案在 HTML 檢視器裡選擇後,Safari 就執行了它的指令碼;用網址開啟發布後的頁面時,Safari 也執行了頁面的指令碼。
為什麼 HTML 檔案在 iPad 上打開只顯示文字?
你用來打開檔案的 App 把它當成文字顯示,而不是當成頁面執行。我們沒有測試哪些 iPad App 會這樣。我們測試時,「檔案」App 的預覽顯示的是頁面的文字和 CSS,不是程式碼,但沒有執行任何指令碼,「取得資訊」裡的種類則是 HTML 文字。想看到頁面原本的樣子,請透過 HTML 檢視器在 Safari 開啟,或請傳給你的人改傳網址。
iPad 可以用 Safari 開啟 HTML 檔案嗎?
可以,透過在 Safari 裡讀取檔案的網頁,例如 Convika 的 HTML 檢視器:點一下「選擇 .html 檔案」,在「檔案」的視窗裡選擇檔案。我們測試時,指令碼、網路字型和網路上的圖片都在那裡載入了。「檔案」App 的「打開方式」沒有列出 Safari,我們也沒有測試在 Safari 輸入檔案路徑的方法。沒預期會收到的檔案,先問過傳給你的人,選擇前先關閉「執行指令碼」。
iPad 要怎麼開啟電子郵件裡的 HTML 檔案?
在「郵件」App 按住附件,選擇「儲存到檔案」,就像 Apple 的 iPad「郵件」說明寫的那樣。接著透過 HTML 檢視器在 Safari 開啟檔案。在「檔案」App 點一下存好的檔案,開啟的是「快速查看」預覽,我們測試時它沒有執行指令碼。iPad 模擬器裡沒有「郵件」App,所以我們沒有測試「郵件」本身。
iPad 上的 Chrome 可以開啟 HTML 檔案嗎?
我們沒有在 iPad 上測試 Chrome。我們的測試用的是 iPad 內建的 Safari。模擬器裡沒有 Chrome,所以我們無法確定,在裝了 Chrome 的 iPad 上,「打開方式」會不會出現 Chrome。
學生可以在學校的 iPad 上開啟 HTML 檔案嗎?
我們沒有測試學校管理的 iPad。Apple 的教育部署指南建議學校管理 App 的安裝,並過濾網路存取,所以學校的 iPad 能開啟什麼,要看它的設定:請問負責管理學校 iPad 的人。在學校允許這個網站的情況下,發布後頁面的網址會在 Safari 開啟,所以上課前先在一台學生的 iPad 上試開一次。
資料來源
- 在 iPad 上尋找並檢視檔案和檔案夾(Apple 支援)(2026 年 10 月 28 日查閱)
- 在 iPad 上尋找已下載的檔案(Apple 支援)(2026 年 10 月 28 日查閱)
- 在 iPad 上的「郵件」中下載電子郵件附件(Apple 支援)(2026 年 10 月 28 日查閱)
- Apple security releases(Apple)(英文;2026 年 10 月 26 日發布,2026 年 10 月 30 日查閱)
- Best practices for content filtering(Apple Education Deployment Guide)(英文;2026 年 10 月 24 日查閱)
相關文章
- iPhone 要怎麼開啟 HTML 檔案?要怎麼傳一個點了就能開啟的頁面?在 iPhone 的「檔案」App 點一下 .html 檔案,看到的是不執行指令碼的預覽。用免費檢視器在 Safari 開啟,或改傳網址,不要傳檔案。
- Android 要怎麼開啟 HTML 檔案?要怎麼傳一個點了就能開啟的頁面?Android 會問要用哪個 App 開啟 .html 檔案。我們在模擬器測試時,Chrome 執行了頁面,HTML Viewer 沒有。請用 Chrome 或免費檢視器開啟,或改用網址。
- LINE 無法傳送 HTML 檔案,或對方打不開?改傳頁面的網址LINE 可以從聊天室的「+」>「檔案」傳送檔案,但對方收到的是檔案,不是網頁。把 ChatGPT、Claude 或 Gemini 做的 HTML 檔案變成網址,再貼到 LINE 聊天室。
- 用 AI 製作可分享的旅行行程描述這趟旅行或貼上你的計畫,Convika 的 AI 就會做出適合手機的行程頁面,讓你保留、發布,並用一個連結或 QR 碼分享給同行的人。