改善漸進式網頁應用程式離線支援偵測功能

Penny McLachlan
Penny McLachlan

漸進式網頁應用程式 (PWA) 是 運用適用於行動裝置和網路技術的網頁技術,打造現代化的可安裝應用程式 電腦裝置。

是建構現代化網頁體驗的標準之一,與否 正是因為 PWA 所述,即使在 離線。換言之,在使用者無法連上網路的情況下,系統不會顯示 Chrome 恐龍畫面 存取裝置!

所有 PWA 標準的目標,都是確保使用者享有高參與度 帶給使用者良好的應用程式使用體驗Chrome 執行 安裝程序前,請先檢查 PWA 條件 PWA 的實用功能。

僅限具備所有核心的應用程式 漸進式網頁應用程式安裝條件 (包括支援) ,您可以透過 Chrome 安裝到裝置上。

先前的離線偵測邏輯

離線支援驗證已納入 PWA 安裝程序 評估標準直到最近,Chrome 沒有 因此可以全面檢查 因此無法修正正確的離線行為

Service Worker 圖表

這意味著 Chrome 無法驗證 fetch 是否 事件處理常式在離線檢查期間傳回含有 HTTP 200 的有效資源。 Chrome 只會檢查 Service Worker 是否確實有 fetch 處理常式。

已更新離線偵測邏輯

Chrome 89 版新增了一項功能,可執行模擬離線要求, Service Worker,可改善離線偵測邏輯,更準確地反映 應用程式的實際離線支援

我們計劃運用這項新功能,確保 PWA 提供有效的 但將這些企劃書設為保留狀態。可安裝性檢查 如果網頁含有 fetch 事件處理常式。

這對開發人員有何影響?

雖然目前不需修改,我們仍然極力建議您提供 離線體驗,因為我們預期使用更新後的邏輯來檢查是否有效 。

您可以自行決定要提供哪種離線服務。 光譜的一端是完全正常運作的離線體驗。也就是說 預先快取所有必要的資源和資料,並且將資料與 伺服器。快取資源也有助於改善 網站體驗核心指標, 每次只能從網路中發出多個資源光譜的另一端是 自訂離線備用頁面

顯示在 我們將在 Chrome 第 90 版左右移除開發人員工具的「問題」分頁。