Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

處於離線狀態時訪問網址返回 200

爲什麼說此審查非常重要

Progressive Web App 可在離線狀態下運行。如果在離線狀態下訪問頁面時 Lighthouse 沒有收到 HTTP 200 響應,則此頁面在離線狀態下無法訪問。

如何通過此審查

  1. 向您的應用添加一個服務工作線程。
  2. 使用此服務器工作線程在本地緩存文件。
  3. 處於離線狀態時,使用服務工作線程作爲網絡代理以返回本地緩存的文件版本。

要了解如何將服務工作線程添加到現有應用,請參閱將服務工作線程和離線支持添加到您的網絡應用。運用您在這個實用的分步操作的代碼實驗室中學到的知識,瞭解如何將服務工作線程添加到您自己的應用中。這包括上述第 1 步和第 3 步。

上面的代碼實驗室向您展示了有關如何使用 Chrome DevTools 調試工作線程的一些基本知識。 如需更具體的幫助,請參閱本主題專用的代碼實驗室調試服務工作線程

使用離線手冊確定哪個緩存策略最適合您的應用。 這包括上述第 2 步。

如何實現此審查

本部分介紹如何實現此審查,以便您可以瞭解計算此審查得分的方式。

Lighthouse 使用 Chrome Debugging Protocol 模擬一個離線連接,然後嘗試通過 XMLHttpRequest 檢索此頁面。