[ Web Proxy ]
URL:
Viewing: https://developer.chrome.com/docs/devtools/storage/cache [Back]  [Original]
View cache data  |  Chrome DevTools  |  Chrome for Developers Skip to main content
Chrome for Developers [Chrome for Developers]
Docs Case studies Blog New in Chrome
Search:
DevTools Get started AI assistance Panels Settings Accessibility For agents
Chrome for Developers [Chrome for Developers]

View cache data Stay organized with collections Save and categorize content based on your preferences.

Kayce Basques [Kayce Basques]
Kayce Basques
X GitHub
Sofia Emelianova [Sofia Emelianova]
Sofia Emelianova
GitHub

This guide shows you how to use Chrome DevTools to inspect Cache data.

If you're trying to inspect HTTP cache data, this is not the guide you want. The Size column of the Network Log has the information you're looking for. See Log network activity.

View cache data

  1. Open DevTools > Application > Storage.

  2. To view available caches, expand Expand. [Expand.] Cache Storage.

    Available caches. [Available caches.]

  3. Click a cache to view its contents.

    Viewing a cache's contents. [Viewing a cache's contents.]

  4. Click a resource to view its HTTP headers in the section below the table.

    Viewing a resource's HTTP headers. [Viewing a resource's HTTP headers.]

  5. Open the Preview tab to view a resource's content.

    Viewing a resource's content. [Viewing a resource's content.]

Refresh a resource

  1. View a cache's data.

  2. Select the resource that you want to refresh. DevTools highlights it blue to indicate that it's selected.

    Selecting a resource. [Selecting a resource.]

  3. Click Refresh.

Filter resources

  1. View a cache's data.
  2. Use the Filter by Path text box to filter out any resources that do not match the path that you provide.

Filtering out resources that do not match the specified path. [Filtering out resources that do not match the specified path.]

This example filters out resources that don't contain script in their path.

Delete a resource

  1. View a cache's data.

  2. Click the resource that you want to delete. DevTools highlights it blue to indicate that it's selected.

    Selecting a resource to delete. [Selecting a resource to delete.]

  3. Click Delete Selected Delete selected. [Delete selected.].

Delete all cache data

  1. Open Application > Storage.

  2. In the Cache section, make sure Checkbox. [Checkbox.] Cache Storage is enabled.

  3. Click Clear site data.

    The Cache Storage checkbox and the Clear site data button. [The Cache Storage checkbox and the Clear site data button.]

    Note: Tip: Next to Clear site data, enable Checkbox. [Checkbox.] including third-party cookies to clear those as well.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2019-03-25 UTC.

[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2019-03-25 UTC."],[],[]]
Web Proxy Viewer  |  New URL  |  Original Page