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

Sofia Emelianova
Sofia Emelianova

プログレッシブ ウェブアプリ(PWA)は、最新の API を使用して構築および強化されたウェブアプリです。機能、信頼性、インストール性を強化し、デバイスや場所を問わず、誰もが利用できるようにします。すべて単一のコードベースで実現できます。

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

DevTools を使用すると、次のことができます。

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

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