非推奨: Chrome DevTools を使用してアプリケーション キャッシュ データを表示する

Kayce Basques

このガイドでは、Chrome DevTools を使用してアプリケーション キャッシュ リソースを検査する方法について説明します。

アプリケーション キャッシュ データを表示する

1. [ソース] タブをクリックして [ソース] パネルを開きます。通常、[マニフェスト] ペインがデフォルトで開きます。

   

2. [アプリケーション キャッシュ] セクションを開き、キャッシュをクリックしてリソースを表示します。

   

テーブルの各行は、キャッシュに保存されたリソースを表します。

[タイプ] 列は、リソースのカテゴリを表します。

• マスター。リソースの manifest 属性は、このキャッシュがリソースのマスターであることを示しています。
• 明示的。このリソースはマニフェストに明示的にリストされています。
• ネットワーク。マニフェストで、このリソースはネットワークから取得する必要があることが指定されています。
• フォールバック。URL は別のリソースの代替手段です。他のリソースの URL が DevTools に表示されません。

表の下部には、ネットワーク接続とアプリケーション キャッシュのステータスを示すステータス アイコンがあります。アプリケーション キャッシュのステータスは次のとおりです。

• アイドル状態。キャッシュに新しい変更はありません。
• 確認。マニフェストが取得され、更新が確認されています。
• [ダウンロード中] が表示されます。リソースがキャッシュに追加されています。
• UPDATEREADY。キャッシュの新しいバージョンが利用可能になりました。
• 無効。キャッシュを削除しています。