DevTools のヒント: PWA のデバッグ
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
プログレッシブ ウェブアプリ(PWA)は、最新の API で構築、強化されたウェブアプリで、機能、信頼性、インストール性が強化されています。また、1 つのコードベースで、あらゆる場所、デバイス、デバイスに対応できます。
Chrome DevTools を使用してこれらのアプリをデバッグする方法については、動画をご覧ください。
DevTools では次のことができます。
- アプリをインストール可能にするためのアプリのマニフェスト ファイルを調べます。例:
- プラットフォームごとにアイコンを確認します。
- エラーをキャッチします。
- 説明とスクリーンショットを含む豊富なインストール UI を構成します。
- アプリとネットワークの間でプロキシとして機能する Service Worker をテストします。例:
- ワーカーの登録を確認します。
- ワーカーのバージョニングとアクティビティを確認する。
- 再読み込み時にワーカーのバージョンを更新。
- オフライン モードをエミュレートするかワーカーをバイパスすることで、ネットワーク接続をデバッグします。
- ネットワーク メッセージをテストする。
詳しくは、次をご覧ください。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2023-01-30 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]