title | author | ms.author | ms.date | ms.topic | ms.prod | keywords |
---|---|---|---|---|---|---|
View Cache Data With Microsoft Edge DevTools |
MSEdgeTeam |
msedgedevrel |
10/15/2019 |
article |
microsoft-edge |
microsoft edge, web development, f12 tools, devtools |
This guide shows you how to use Microsoft Edge DevTools to inspect Cache data.
If you are trying to inspect HTTP cache data, this is not the guide you want.
The Size column of the Network Log has the information you are looking for. See Log network activity.
-
Click the Application tab to open the Application panel. The Manifest pane usually opens by default.
-
Expand the Cache Storage section to view available caches.
-
Click a cache to view its contents.
-
Click a resource to view its HTTP headers in the section below the table.
-
Click Preview to view the content of a resource.
-
Click the resource that you want to refresh. DevTools highlights it to indicate that it is selected.
-
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
-
Click the resource that you want to delete. DevTools highlights it to indicate that it is selected.
-
Open Application > Clear Storage.
-
Make sure that the Cache Storage checkbox is enabled.
-
Click Clear site data.
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.