View Cache data

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

To inspect HTTP cache data, in the Network tool, use the Size column of the Network Log. See Log network activity in Inspect network activity.

View cache data

1. Click the Application tab to open the Application panel. The Manifest pane usually opens by default.

   

2. Expand the Cache Storage section to view available caches.

   

3. Click a cache to view the contents.

   

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

   

5. Click Preview to view the content of a resource.

   

Refresh a resource

1. View the data for a cache.

2. Click the resource that you want to refresh. DevTools highlights it to indicate that it is selected.

   

3. Click Refresh ().

Filter resources

1. View the data for a cache.

2. Use the Filter by Path text box to filter out any resources that don't match the path that you provide.

   

Delete a resource

1. View the data for a cache.

2. Click the resource that you want to delete. DevTools highlights it to indicate that it is selected.

   

3. Click Delete Selected ().

Delete all cache data

1. Open Application > Clear storage.

2. Make sure that the Cache storage checkbox is selected.

   

3. Click the Clear site data button.

   

Note

Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License. The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

This work is licensed under a Creative Commons Attribution 4.0 International License.