应用面板概览

Dale St. Marthe
Dale St. Marthe

使用 Application 面板可以检查、修改和调试 Web 应用的许多方面,包括其清单、Service Worker、存储和缓存数据。

概览

Application 面板分为四个部分,其中包含子菜单。以下是这些部分和子菜单:

Application:包含有关应用的总体信息,包括其清单、Service Worker 和存储空间。

  • Manifest(清单)标签页以简单易懂的方式显示 manifest.json 中的信息。它还会在相应的部分中显示错误和警告(如果有)。
  • 借助 Service Worker 标签页,您可以通过模拟推送事件、更新服务等来检查和调试 Service Worker。
  • 存储标签页包含一个饼图,显示缓存存储、IndexedDB 和 Service Worker 使用的内存分布情况。您还可以清除网站数据并模拟自定义存储空间配额。

存储:查看和修改 Web 应用使用的不同存储方法。

  • 本地会话存储列表可让您选择源站并修改关联存储方法的键值对。
  • IndexedDB 列表包含数据库,可让您通过浏览器检查对象存储。
  • 通过 Cookie 列表,您可以选择来源并修改键值对。
  • 通过私密状态令牌兴趣群体,您可以检查相应的令牌群组(如果有)。
  • 通过共享存储空间列表,您可以选择源站并检查和修改关联的键值对。
  • 缓存存储空间列表包含可用的缓存,您可以检查、过滤和删除其资源。

后台服务:检查、测试和调试后台服务。

  • 通过往返缓存标签页,您可以在浏览器中对往返缓存运行测试。它还会报告可能阻止往返缓存的问题。
  • 后台提取标签页可让您记录来自 Background Fetch API 最多三天的活动。
  • 借助后台同步标签页,您可以记录来自 Background Sync API 最多三天的活动。
  • 通过跳出跟踪缓解措施标签,您可以识别并删除似乎在使用跳出跟踪技术执行跨网站跟踪的网站的状态。
  • 通知标签页可让您记录最多三天的推送消息。
  • 通过付款处理程序标签页,您可以记录最多三天的付款处理程序事件。
  • 借助定期后台同步标签页,您可以在定期后台同步生命周期内记录最多三天的关键事件,例如注册同步、执行后台同步和取消注册。
  • 您可以通过推测加载标签页调试推测加载。其中显示了推测状态、规则集和推测加载尝试。
  • 通过推送消息标签页,您可以记录最多三天的推送消息并将其记录在日志中。
  • Reporting API 标签页会监控您的网站并报告已弃用的 API 调用和安全违规行为。

框架:将网页和资源划分为多个视图,并显示相关信息,例如安全与隔离内容安全政策API 可用性等。

打开“应用”面板

如需打开 Application(应用)面板,请执行以下操作:

  1. 打开开发者工具
  2. 按如下键打开命令菜单
    • macOS:Command + Shift + P
    • Windows、Linux、ChromeOS:Ctrl + Shift + P 命令菜单包含
  3. 开始输入 application,选择显示应用,然后按 Enter 键。DevTools 会在开发者工具窗口的顶部显示 Application 面板。

或者,您也可以通过以下方式打开 Application 面板:

  • 在顶部的操作栏中,点击 double_arrow More Panels,然后从下拉列表中选择 Application
  • 在右上角,依次选择 more_vert 更多选项 > 更多工具 > 应用