阿摩線上測驗
37 在實現 Web 應用的離線功能時，下列何種技術組合最為完整？
(A) LocalStorage + AJAX
(B) Service Worker + Cache API + IndexedDB
(C) WebSocket + SessionStorage
(D) Web Workers + Cookies
答案：登入後查看
統計： A(39), B(130), C(53), D(67), E(0) #3704780
統計： A(39), B(130), C(53), D(67), E(0) #3704780
詳解 (共 1 筆)
JL
#7312522
三位一體的職責分工
要讓 Web 應用在沒網路時也能跑，需要解決「執行、資源、數據」三個層面的問題：
-
Service Worker (執行面)：
-
原理： 運行在瀏覽器背景的獨立腳本，扮演瀏覽器與網路之間的「代理伺服器（Proxy）」。
-
邏輯： 它能攔截網路請求（Intercept requests），決定要從網路抓還是從快取拿，是離線功能的靈魂。
-
-
Cache API (資源面)：
-
原理： 專門用來儲存靜態資源（HTML, CSS, JS, 圖片）。
-
邏輯： 當 Service Worker 攔截到請求時，可以直接從這裡取出資源，實現秒開。
-
-
IndexedDB (數據面)：
-
原理： 瀏覽器端的非關聯式資料庫（NoSQL）。
-
邏輯： 用來儲存大量、複雜的結構化數據（如學生成績、產品清單）。這比 LocalStorage 的 5MB 限制強大得多。
-
0
0
