Chrome でウェブアプリ マニフェストの更新を処理する方法

PWA のアイコン、ショートカット、色、その他のメタデータを変更するために必要なもの

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

PWA がインストールされている場合、ブラウザはウェブアプリの情報を使用します。 のマニフェスト、アプリで使用するアイコン、 アプリを開く必要があります。では、アプリケーションの 新しいテーマカラーを試しますか？それらの変更がいつ、どのように行われたか 反映されているか？

ほとんどの場合、変更が反映されるまで 1 ～ 2 日以内に マニフェストの更新後に PWA が起動される。

パソコン版 Chrome の更新

PWA が起動されるかブラウザタブで開かれると、Chrome は 前回ローカル マニフェストの変更チェックが行われた時刻。マニフェストに チェックされていることが 24 時間経過すると、Chrome はマニフェストに対してネットワーク リクエストを行い、 ローカルコピーと比較します

マニフェストで一部のプロパティが変更された場合（下記のリストを参照）、Chrome 新しいマニフェストをキューに追加して、すべてのウィンドウを閉じた後にインストールします。 インストール後、新しいマニフェストのすべてのフィールド（name、short_name、 および icons など）が更新されます。

更新をトリガーするプロパティ

  • display（以下を参照）
  • scope
  • shortcuts
  • start_url
  • theme_color
  • file_handlers
で確認できます。 で確認できます。

display フィールドを更新した場合の結果

アプリの表示モードを browser から standalone に更新すると、次のようになります。 既存ユーザーのアップデート後、ウィンドウでアプリが開かなくなります。そこで、 ウェブアプリの 2 つの表示設定です。1 つはマニフェスト（ ユーザーが制御するウィンドウまたはブラウザタブの設定です。ユーザー 常に優先されます。

マニフェストの更新のテスト

chrome://web-app-internals ページ（Chrome 85 以降で利用可能） デバイスにインストールされているすべての PWA に関する詳しい情報、 マニフェストの最終更新日、更新頻度、 更新した、などです。

Chrome でマニフェストの更新の有無を手動で確認する場合は、 コマンドライン フラグ --disable-manifest-update-throttle が設定された Chrome または Chrome を再起動（about://restart を使用）すると、タイマーがリセットされ、Chrome が PWA の次回起動時に、更新されたマニフェストを確認します。次に、以下のコマンドで起動します。 導入しましたPWA を閉じた後、新しいマニフェストで更新する必要があります。 プロパティです。

参照

Chrome for 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 を開き、[更新] をクリックしますトレーニング済みツールの PWA「ステータスの更新」ステータスが「保留中」に変わります
  4. PWA を起動し、正しく読み込まれることを確認します。
  5. Android タスク マネージャーを使用して PWA をシャットダウンしてから、アプリパネルを使用する PWA を強制停止します。

PWA は通常数分で更新されます。更新が完了すると、 「ステータスの更新」が「完了」に変わります。

参照