目前的網頁在離線時不會傳回狀態碼 200 的回應

注意：Lighthouse 中的 PWA 測試已淘汰。如要進一步瞭解其淘汰事宜，請參閱 Chrome 的新版安裝條件條件。如需測試指南，請參閱 PWA 說明文件。

核心漸進式網頁應用程式檢查清單指出 PWA 應提供自訂的離線網頁。「最佳化漸進式網頁應用程式」檢查清單指出 PWA 應提供離線體驗，讓 PWA 能夠與線上運作一樣 (在不需要網路連線的情況下) 也能運作。

詳情請參閱「什麼是網路可靠性？如何評估？」一文。

Lighthouse 離線稽核失敗情形

Lighthouse 會標記在離線時不會傳回 HTTP 200 回應的網頁：

Lighthouse 使用 Chrome 遠端偵錯通訊協定模擬離線連線，然後嘗試使用 XMLHttpRequest 擷取頁面。

注意：在 Lighthouse 報告 UI 中，通過所有 PWA 子類別的所有稽核作業 (快速可靠、可安裝以及 PWA 最佳化)，系統就會顯示完整的 PWA 徽章。

如何讓 PWA 離線運作

成功：建議您使用 Workbox 來將 Service Worker 新增至網站，因為這項工具可自動執行大量樣板，更輕鬆地遵循最佳做法，並避免直接使用低階 ServiceWorker API 時常見的細微錯誤。

1. 將Service Worker 新增至應用程式。
2. 使用 Service Worker 在本機快取檔案。
3. 離線時，以 Service Worker 做為網路 Proxy，傳回檔案的本機快取版本。

試用：透過「使用服務工作站」程式碼研究室，瞭解如何將 Service Worker 新增至應用程式。

資源

• 什麼是網路可靠性？如何評估成效？
• Service Worker：簡介