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

Kayce Basques

Sofia Emelianova

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

HTTP キャッシュのデータを検査しようとしている場合、このガイドは必要ないものです。サイズ 列に必要な情報が含まれています。ネットワーク アクティビティを記録するをご覧ください。

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

1. DevTools を開く >アプリケーション >ストレージ。

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

   

3. キャッシュをクリックすると、その内容が表示されます。

   

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

   

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

   

リソースを更新する

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

2. 更新するリソースを選択します。DevTools では、このアイコンが青色でハイライト表示されます。 選択済みです。

   

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

リソースのフィルタ

1. キャッシュのデータを表示する。
2. [Filter by Path] テキスト ボックスを使用して、指定したパスと一致しないリソースを除外します。 提供します。

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

リソースの削除

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

2. 削除するリソースをクリックします。DevTools では、このアイコンが青色でハイライト表示されます。 選択済みです。

   

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

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

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

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

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