The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

緩存包含來自清單的 start_url

爲什麼說此審查非常重要

可確保在離線狀態下從移動設備主屏幕正確啓動 Progressive Web App。

如何通過此審查

  1. 在您的 manifest.json 文件中定義一個 start_url 屬性。
  2. 確保您的服務工作線程正確緩存與 start_url 的值匹配的資源。

如需瞭解將應用添加到主屏幕的基礎知識,請參閱將網絡應用添加到用戶的主屏幕。這是一個實用的分步操作的代碼實驗室,在其中可將“添加到主屏幕”功能添加到現有應用中。運用您在此代碼實驗室中學到的知識將“添加到主屏幕”功能集成到您自己的應用中。

如需有關如何使用服務工作線程緩存文件以供離線使用的更多幫助,請參閱以下 Lighthouse 文檔:處於離線狀態時訪問網址返回 200 中的“如何通過此審查”部分

如何實現此審查

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

從移動設備的主屏幕啓動一個 Progressive Web App 時,此應用將在特定網址上打開。 該網址在應用的 manifest.json 文件中被定義爲 start_url 屬性。

此審查解析來自 manifest.jsonstart_url 的值,然後確保將匹配的資源緩存在服務工作線程的緩存中。

如果您的服務工作線程重定向 start_url 請求,則此審查可能會生成不準確的結果

此審查的一個缺點是它直接檢查緩存內容,而不是要求服務工作線程解析 start_url 請求。如果您的緩存缺少與 start_url 的精確值匹配的資源,這會生成一個假陰性結果,即使在實際場景中由於服務工作線程將請求重定向到緩存中的另一個資源從而能夠成功解析請求。反過來,如果您的緩存包含一個與 start_url 匹配的資源,則此審查會生成一個假陽性結果,但是您的服務工作線程將請求重定向到一個不存在的資源。