Chrome Android 版網頁應用程式的基本離線頁面

Adriana Jara

即使離線，也能啟動已安裝的平台應用程式。在這種情況下，通常會顯示網頁，讓使用者瞭解無法存取網際網路。部分開發人員甚至會建立一整套離線功能。

網頁應用程式的離線作業功能較新，是隨著 Service Worker API 的推出而實現。此外，網站可安裝後，PWA 也規定必須註冊 Service Worker 並實作其 fetch() 方法，網頁應用程式才能安裝。 這項措施的目的是鼓勵開發人員至少向使用者發出通知，說明目前無法使用應用程式。

現在開發人員不必採取任何行動，就能取得預設離線網頁。在 Android 版 Chrome 109 中，瀏覽器會自動產生網頁，讓使用者瞭解自己處於離線狀態。

如果應用程式未實作自訂離線體驗，使用者離線時，預設離線頁面會使用應用程式的圖示和簡單的「你目前處於離線狀態」訊息。如範例所示。

您還是可以建立自訂離線頁面。以下影片示範如何使用 Workbox，以單行程式碼提供自訂網頁。

這項功能適用於 Android (Chrome 109) 和電腦環境 (Chrome 110)。分享你的意見。