使用 Microsoft Edge DevTools 查看缓存数据View cache data with Microsoft Edge DevTools

本指南将演示如何使用 Microsoft Edge DevTools 检查缓存数据。This guide shows you how to use Microsoft Edge DevTools to inspect Cache data.

如果要尝试检查 http 缓存 数据,则这不是你想要的指南。If you are trying to inspect HTTP cache data, this is not the guide you want. 在"网络日志"字段的 大小 列中 信息Look for the information in the Size column of the Network Log. 导航到 记录网络Navigate to Log network activity.

查看缓存数据View cache data

  1. 选择应用程序选项卡打开应用程序工具。Choose 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. 选择缓存以查看内容。Choose a cache to view the contents.

    查看缓存的内容

  4. 选择资源以查看表下部分中的 HTTP 标题。Choose a resource to view the HTTP headers in the section below the table.

    查看资源的 HTTP 标题

  5. 选择 预览 以查看资源的内容。Choose Preview to view the content of a resource.

    查看资源的内容

刷新资源Refresh a resource

  1. 查看缓存View the data for a cache.

  2. 选择要刷新的资源。Choose the resource that you want to refresh. DevTools 会突出显示它以表明已选中。DevTools highlights it to indicate that it is selected.

    选择要刷新的资源

  3. 选择刷新 (Refresh)。Choose 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.

    筛选与指定路径不匹配的资源

删除资源Delete a resource

  1. 查看缓存View the data for a cache.

  2. 选择要删除的资源。Choose the resource that you want to delete. DevTools 会突出显示它以表明已选中。DevTools highlights it to indicate that it is selected.

    选择要删除的资源

  3. 选择 删除 \(删除\)。Choose Delete Selected (Delete Selected).

删除所有缓存数据Delete all cache data

  1. 打开应用程序 > 存储空间Open Application > Clear Storage.

  2. 确保已启用" 缓存存储 复选框。Make sure that the Cache Storage checkbox is enabled.

    缓存存储复选框

  3. 选择清除网站数据Choose Clear site data.

    清除网站数据按钮

联系 Microsoft Edge DevTools 团队Getting in touch with the Microsoft Edge DevTools team

使用以下选项讨论帖子中的新功能和更改,或与 DevTools 相关的任何其他内容。Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • 使用“发送反馈”图标发送反馈,或在 DevTools 中选择Alt+Shift+I \ (Windows、Linux) 或 Option+Shift+I \ (macOS)。Send your feedback using the Send Feedback icon or select Alt+Shift+I (Windows, Linux) or Option+Shift+I (macOS) in DevTools.
  • 发推 @EdgeDevToolsTweet at @EdgeDevTools.
  • 我们想要的 Web 提交建议。Submit a suggestion to The Web We Want.
  • 若要提交有关本文的错误,请使用以下“反馈” 部分。To file bugs about this article, use the following Feedback section.

Microsoft Edge DevTools 中的“发送反馈”图标

备注

此页面的某些部分是根据 Google 创建和共享的作品所做的修改,并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。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.
原始页面位于此处,由 Kayce Basques\(Chrome DevTools & Lighthouse 的技术作家\)撰写。The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Creative Commons License
本作品根据 Creative Commons Attribution 4.0 International License 获得许可。This work is licensed under a Creative Commons Attribution 4.0 International License.