Progressive Web Apps 參考

本參考文件介紹了 Progressive Web Apps (PWA) 可以用來提供卓越使用者體驗的技術、功能和 API。

Web 應用清單

Web App Manifest 成員

開發者可以使用 Web App Manifest 成員來描述 PWA,自定義其外觀,並更深入地將其整合到作業系統中。

Service Worker API

與應用的通訊

Service worker 可以使用以下 API 與其關聯的客戶端 PWA 進行通訊

Client.postMessage()

允許 service worker 向其客戶端 PWA 傳送訊息。

Broadcast Channel API

允許 service worker 及其客戶端 PWA 建立一個基本的雙向通訊通道。

離線操作

Service worker 可以使用以下 API 來使您的應用離線工作

Cache

一種持久化的 HTTP 響應儲存機制,用於儲存可在應用離線時重複使用的資源。

Clients

一個用於提供對 service worker 控制的文件的訪問介面。

FetchEvent

在 service worker 中響應客戶端 PWA 所做的每一次 HTTP 請求時分派的一個事件。該事件可用於將請求正常傳送到伺服器並儲存響應以供將來使用,或攔截請求並立即使用先前快取的響應進行回覆。

後臺操作

Service worker 可以使用以下 API 來執行後臺任務,即使您的應用未在執行

Background Synchronization API

一種在網路連線穩定後,將任務推遲到 service worker 中執行的方式。

Web Periodic Background Synchronization API

一種註冊任務,使其在具有網路連線的情況下,在 service worker 中按週期性間隔執行的方式。

後臺抓取 API

一種 service worker 管理可能耗時較長的下載(例如影片或音訊檔案)的方法。

其他 Web API

IndexedDB

一種用於訪問大量結構化資料(包括檔案)的客戶端儲存 API。

Badging API

一種在應用程式圖示上設定徽章的方法,提供低干擾的通知。

Notifications API

一種傳送顯示在作業系統級別的通知的方式。

Web Share API

一種將文字、連結、檔案和其他內容共享給使用者在其裝置上選擇的其他應用程式的機制。

Window Controls Overlay API

一個用於安裝在桌面作業系統上的 PWA 的 API,它允許隱藏預設視窗標題欄,從而使應用程式可以顯示在應用程式視窗的整個表面區域。