Kayce Basques
このガイドでは、Chrome DevTools を使用してアプリケーション キャッシュ リソースを検査する方法について説明します。
アプリケーション キャッシュ データを表示する
[ソース] タブをクリックして [ソース] パネルを開きます。通常、[マニフェスト] ペインがデフォルトで開きます。
![[マニフェスト] ペイン](https://developer.chrome.google.cn/static/docs/devtools/storage/applicationcache/image/the-manifest-pane-d62111686fdaf.png?authuser=0&hl=ja)
[アプリケーション キャッシュ] セクションを開き、キャッシュをクリックしてリソースを表示します。
![[アプリケーション キャッシュ] ペイン](https://developer.chrome.google.cn/static/docs/devtools/storage/applicationcache/image/the-application-cache-pan-8483b6caa05b4.png?authuser=0&hl=ja)
テーブルの各行は、キャッシュに保存されたリソースを表します。
[タイプ] 列は、リソースのカテゴリを表します。
- マスター。リソースの
manifest属性は、このキャッシュがリソースのマスターであることを示しています。 - 明示的。このリソースはマニフェストに明示的に記載されています。
- ネットワーク。マニフェストで、このリソースはネットワークから取得する必要があることが指定されています。
- フォールバック。URL は別のリソースの代替手段です。他のリソースの URL が DevTools に表示されません。
表の下部には、ネットワーク接続とアプリケーション キャッシュのステータスを示すステータス アイコンがあります。アプリケーション キャッシュのステータスは次のとおりです。
- アイドル状態。キャッシュに新しい変更はありません。
- 確認。マニフェストが取得され、更新が確認されています。
- [ダウンロード中] が表示されます。リソースがキャッシュに追加されています。
- UPDATEREADY。キャッシュの新しいバージョンが利用可能になりました。
- 無効。キャッシュを削除しています。