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

Kayce Basques

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

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

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

    [Manifest] ペイン

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

    [Application Cache] ペイン

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

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

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

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

  • IDLE。キャッシュに新しい変更はありません。
  • CHECKING。マニフェストの取得と更新の確認を行っています。
  • ダウンロードしています。リソースがキャッシュに追加されています。
  • UPDATEREADY を渡します。新しいバージョンのキャッシュが利用可能です。
  • OBSOLETE（廃止）。キャッシュを削除しています。