This guide shows you how to useChrome DevToolsto inspectCachedata.
If you're trying to inspectHTTP cachedata, this is not the guide you want. TheSize column of theNetwork Loghas the information you're looking for. SeeLog network activity.
View cache data
Open DevTools>Application>Storage.
To view available caches, expandCache Storage.
Click a cache to view its contents.
Click a resource to view its HTTP headers in the section below the table.
Open thePreviewtab to view a resource's content.
Refresh a resource
- View a cache's data.
Select the resource that you want to refresh. DevTools highlights it blue to indicate that it's selected.
ClickRefreshrefresh.
Filter resources
- View a cache's data.
- Use theFilter by Pathtext box to filter out any resources that do not match the path that you provide.
This example filters out resources that don't containscript
in their path.
Delete a resource
- View a cache's data.
Click the resource that you want to delete. DevTools highlights it blue to indicate that it's selected.
ClickDelete Selected.
Delete all cache data
- OpenApplication>Storage.
In theCachesection, make sureCache Storageis enabled.
ClickClear site data.