Chrome 如何處理網頁應用程式資訊清單的更新

如何變更 PWA 的圖示、捷徑、顏色和其他中繼資料

Adriana Jara
François Beaufort
François Beaufort
GitHub
Pete LePage

安裝 PWA 後，瀏覽器會使用網頁應用程式的資訊 應用程式名稱的資訊清單、應用程式應使用的圖示，以及 應用程式啟動時。但如果需要更新 應用程式捷徑，或是嘗試新的主題顏色？這些變更的時間和方式 重要更新嗎？

在多數情況下，變更應會在 在資訊清單更新後啟動 PWA。

Chrome 電腦版更新

當 PWA 在瀏覽器分頁中啟動或開啟時，Chrome 會判斷 上次檢查本機資訊清單是否有變更。如果資訊清單 瀏覽器上次啟動後尚未檢查，或是尚未在 過去 24 小時內，Chrome 會針對資訊清單發出網路要求，然後 並與本機副本進行比較

如果資訊清單中選取的屬性有所變更 (請參閱下方清單)， 將新的資訊清單排入佇列，並在所有視窗都關閉後進行安裝。 安裝完成後，新資訊清單的所有欄位 (name、short_name、 和 icons) 已更新。

哪些屬性會觸發更新？

  • display (詳情請見下方)
  • scope
  • shortcuts
  • start_url
  • theme_color
  • file_handlers

更新「display」欄位後會有什麼影響？

如果應用程式的顯示模式從 browser 更新為 standalone 現有使用者更新後，應用程式不會在視窗中開啟。有 是網頁應用程式的兩種顯示設定， 控制) 及使用者控制的視窗/瀏覽器分頁設定。該使用者 偏好符合偏好

測試資訊清單更新

chrome://web-app-internals 頁面 (適用於 Chrome 85 以上版本)。 內含裝置上所有已安裝 PWA 的詳細資訊 有助您瞭解資訊清單的上次更新時間和更新頻率 這個資訊主頁和其他許多功能

如要手動強制 Chrome 檢查更新的資訊清單，請 Chrome 的指令列標記為 --disable-manifest-update-throttle 或重新啟動 Chrome (使用 about://restart)，這會重設計時器，這樣一來 Chrome 會在下次啟動 PWA 時檢查更新的資訊清單。然後啟動 。關閉 PWA 後，系統會使用新的資訊清單進行更新 資源。

參考資料

Google Chrome Android 版更新

PWA 啟動後，Chrome 會決定上次本機資訊清單的時間 已檢查變更。如果在過去 24 天內未檢查資訊清單 小時，Chrome 會為資訊清單排定網路要求，然後比較 對照本機副本

如果資訊清單中選取的屬性有所變更 (請參閱下方清單)， 將新的資訊清單排入佇列，並在 PWA 的所有視窗關閉後 裝置必須接上電源並連上 Wi-Fi，Chrome 才會要求更新 從伺服器載入 WebAPK。更新完成後，新資訊清單的所有欄位都會

哪些屬性會觸發更新？

  • background_color
  • display
  • orientation
  • scope
  • shortcuts
  • start_url
  • theme_color
  • web_share_target

如果 Chrome 無法從伺服器取得更新的資訊清單，可能會 將每次檢查的時間延長為 30 天。

測試資訊清單更新

「about://webapks」頁面含有 裝置上安裝的 PWA，以及資訊清單的上次更新時間 更新頻率等等

如要手動排定更新資訊清單，請覆寫計時器， 本機資訊清單會執行以下動作：

  1. 將裝置接上電源，並確認裝置已連上 Wi-Fi。
  2. 請使用 Android 工作管理員關閉 PWA，然後使用「應用程式」面板 即可強制停止 PWA。
  3. 在 Chrome 中開啟「about://webapks」，然後按一下「更新」按鈕 。「更新狀態」狀態應變更為「待處理」
  4. 啟動 PWA，並確認 PWA 已正確載入。
  5. 請使用 Android 工作管理員關閉 PWA，然後使用「應用程式」面板 即可強制停止 PWA。

更新作業完成後，PWA 通常會在幾分鐘內更新。 「更新狀態」應該變更為「成功」

參考資料