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

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

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

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

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

範例網頁應用程式的預設離線網頁,標誌為粉紅色圓圈和兩個加號,並包含「你目前處於離線狀態」訊息。

您還是可以選擇建立自訂離線頁面。以下影片示範如何使用 Workbox,以單行程式碼放送自訂網頁。

這項功能適用於 Android (Chrome 109) 和電腦環境 (Chrome 110)。如有任何意見回饋,請透過這份表單向我們提出。

相片來源:Sten Ritterfeld 發表於 Unsplash 網站上