キャッシュ データの表示

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

HTTP キャッシュ データを検査するには、ネットワーク ツールで、ネットワーク ログの [サイズ] 列を使用します。 「 ネットワーク アクティビティ の 検査」の「ネットワーク アクティビティをログに記録する」を参照してください。

キャッシュ データの表示

1. F12 または Ctrl + Shift + I (Windows、Linux) または Command + Option + I (macOS) を押して DevTools を開きます。

2. DevTools の アクティビティ バーで、[ アプリケーション ] タブを選択します。そのタブが表示されない場合は、 その他のツール () ボタンをクリックし、[ アプリケーション] をクリックします。 通常、[マニフェスト] ウィンドウは既定で開きます。

   

3. [ キャッシュ ストレージ ] セクションを展開して、使用可能なキャッシュを表示します。

   

4. キャッシュをクリックして内容を表示します。

   

5. リソースをクリックして、表の下のセクションの HTTP ヘッダーを表示します。

   

6. [ プレビュー ] をクリックして、リソースの内容を表示します。

   

キャッシュ データ ストレージ クォータの詳細については、「プログレッシブ Web Appsのデバッグ」の「クォータ使用量」セクションを参照してください。

リソースを更新する

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

2. 更新するリソースをクリックします。 DevTools によって強調表示され、選択されていることを示します。

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

   

リソースのフィルター処理

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

2. [ パスでフィルター] テキスト ボックスを使用して、指定したパスと一致しないリソースを除外します。

   

リソースを削除する

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

2. 削除するリソースをクリックします。 DevTools によって強調表示され、選択されていることを示します。

3. [ 選択した削除 ] () をクリックします。

   

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

1. アプリケーション ツールで、[ストレージ] をクリックします。

2. [ キャッシュ ストレージ ] チェック ボックスがオンになっていることを確認します。

3. [ サイト データのクリア ] ボタンをクリックします。

   

注:

このページの一部は、 Google によって 作成および共有され、 クリエイティブ・コモンズ属性 4.0 国際ライセンスに記載されている条件に従って使用される作業に基づく変更です。 元のページは ここに あり、ケイス・バスクによって作成されています。

この作品は 、クリエイティブ・コモンズ属性4.0国際ライセンスに基づきライセンスされています。