DevTools のヒント: PWA のデバッグ

Sofia Emelianova
Sofia Emelianova

プログレッシブ ウェブアプリ(PWA)は、最新の API で構築、強化されたウェブアプリで、機能、信頼性、インストール性が強化されています。また、1 つのコードベースで、あらゆる場所、デバイス、デバイスに対応できます。

Chrome DevTools を使用してこれらのアプリをデバッグする方法については、動画をご覧ください。

DevTools では次のことができます。

  • アプリをインストール可能にするためのアプリのマニフェスト ファイルを調べます。例:
    • プラットフォームごとにアイコンを確認します。
    • エラーをキャッチします。
    • 説明とスクリーンショットを含む豊富なインストール UI を構成します。
  • アプリとネットワークの間でプロキシとして機能する Service Worker をテストします。例:
    • ワーカーの登録を確認します。
    • ワーカーのバージョニングとアクティビティを確認する。
    • 再読み込み時にワーカーのバージョンを更新。
    • オフライン モードをエミュレートするかワーカーをバイパスすることで、ネットワーク接続をデバッグします。
    • ネットワーク メッセージをテストする。

詳しくは、次をご覧ください。