キャッシュ データの表示

  • [アーティクル]

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

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

キャッシュ データの表示

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

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

    [マニフェスト] ウィンドウ

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

    使用可能なキャッシュ

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

    キャッシュの内容の表示

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

    リソースの HTTP ヘッダーの表示

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

    リソースのコンテンツの表示

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

リソースを更新する

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

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

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

    更新するリソースの選択

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

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

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

    指定したパスと一致しないリソースを除外する

リソースを削除する

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

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

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

    削除するリソースの選択

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

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

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

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

    [サイト データのクリア] ボタン

注:

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

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