キャッシュ データを表示する

Kayce Basques

Sofia Emelianova

このガイドでは、Chrome DevTools を使用してキャッシュ データを調べる方法について説明します。

HTTP キャッシュ データを検査する場合、このガイドは必要ではありません。ネットワーク ログの [Size] 列に必要な情報が含まれています。ネットワーク アクティビティをログに記録するをご覧ください。

キャッシュ データを表示する

1. DevTools > [アプリケーション] > [ストレージ] を開きます。

2. 使用可能なキャッシュを表示するには、[ キャッシュ ストレージ] を開きます。

   

3. キャッシュをクリックすると、そのコンテンツが表示されます。

   

4. リソースをクリックすると、表の下のセクションに HTTP ヘッダーが表示されます。

   

5. [プレビュー] タブを開いて、リソースの内容を表示します。

   

リソースを更新する

1. キャッシュのデータを表示する。

2. 更新するリソースを選択します。選択されると、DevTools では青色でハイライト表示されます。

   

3. [更新更新] をクリックします。

リソースのフィルタ

1. キャッシュのデータを表示する。
2. [パスでフィルタ] テキスト ボックスを使用して、指定したパスに一致しないリソースを除外します。

この例では、パスに script を含まないリソースを除外します。

リソースの削除

1. キャッシュのデータを表示する。

2. 削除するリソースをクリックします。選択されると、DevTools では青色でハイライト表示されます。

   

3. [選択項目を削除] をクリックします。

すべてのキャッシュ データを削除する

1. [アプリケーション] > [ストレージ] を開きます。

2. [キャッシュ] セクションで、 [キャッシュ ストレージ] が有効になっていることを確認します。

3. [サイトデータを消去] をクリックします。