Skip to content

Latest commit

 

History

History
154 lines (102 loc) · 6.25 KB

File metadata and controls

154 lines (102 loc) · 6.25 KB
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

View Cache Data With Microsoft Edge 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.

View cache data

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

    Figure 1

    The Manifest pane
    The Manifest pane

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

    Figure 2

    Available caches
    Available caches

  3. Click a cache to view its contents.

    Figure 3

    Viewing the contents of a cache
    Viewing the contents of a cache

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

    Figure 4

    Viewing the HTTP headers of a resource
    Viewing the HTTP headers of a resource

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

    Figure 5

    Viewing the content of a resource
    Viewing 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.

    Figure 6

    Selecting a resource
    Selecting a resource

  3. Click Refresh Refresh.

Filter resources

  1. View the data for a cache.

  2. Use the Filter by Path text box to filter out any resources that do not match the path that you provide.

    Figure 7

    Filtering out resources that do not match the specified path
    Filtering out resources that do not match the specified path

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.

    Figure 8

    Selecting a resource
    Selecting a resource

  3. Click Delete Selected Delete Selected.

Delete all cache data

  1. Open Application > Clear Storage.

  2. Make sure that the Cache Storage checkbox is enabled.

    Figure 9

    The Cache Storage checkbox
    The Cache Storage checkbox

  3. Click Clear site data.

    Figure 10

    The Clear Site Data button
    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).

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