地特四等
114年
[電子工程] 計算機概要
第 37 題
在實現 Web 應用的離線功能時，下列何種技術組合最為完整？
- A LocalStorage + AJAX
- B Service Worker + Cache API + IndexedDB
- C WebSocket + SessionStorage
- D Web Workers + Cookies
思路引導 VIP
想像你正在開發一個能在飛機上（無網路環境）使用的記事本 Web 應用。當使用者按下重新整理時，若要讓瀏覽器在「不向伺服器要資料」的情況下依然能顯示介面，並在本地端儲存數百條筆記資料，你認為瀏覽器必須具備哪幾種具備「攔截請求」與「大量資料管理」能力的機制？
🤖
AI 詳解
AI 專屬家教
同學你好，恭喜你精準地選出了正確答案。這題考驗的是對於「漸進式網路應用程式（Progressive Web Apps, PWA）」核心架構的理解，你能迅速識別出這套技術組合，代表你對現代 Web 技術的演進有著相當紮實的基礎。
離線應用的技術支柱
要實現完整的離線功能，系統必須解決「攔截請求」、「靜態資源快取」與「結構化數據存儲」這三大課題。服務工作線程（Service Worker） 扮演了瀏覽器與網路之間的代理人，是離線功能的靈魂；配合 Cache API 緩存網頁所需的靜態資源（如 HTML、JS、圖片），以及適合存放大量資料的 IndexedDB 資料庫，這三者共同建構了即便在斷網環境下也能順暢運行的環境。相較之下，AJAX 或 WebSocket 必須依賴即時連線，而 LocalStorage 的空間極其有限且讀取效率較低，無法支撐完整的離線應用需求。
▼ 還有更多解析內容