Dale St. Marthe
使用 Application 面板可以检查、修改和调试 Web 应用的许多方面，包括其清单、Service Worker、存储和缓存数据。
概览
Application（应用）面板分为四个部分，其中包含子菜单。下面列出了这些部分和子菜单：
Application：包含有关应用的整体信息，包括其清单、Service Worker 和存储空间。
- 清单标签页以易于理解的方式显示来自
manifest.json的信息。该报告的相应部分会显示错误和警告（如果有）。 - 利用 Service Worker 标签页，您可以通过模拟推送事件、更新服务等来检查和调试 Service Worker。
- 存储标签页包含一个饼图，显示缓存存储空间、IndexedDB 和 Service Worker 使用的内存分布情况。您还可以清除网站数据并模拟自定义存储配额。
存储：查看和修改 Web 应用使用的不同存储方法。
- 借助本地和会话存储列表，您可以选择来源并修改关联存储方法的键值对。
- IndexedDB 列表包含数据库，可让您通过浏览器检查对象存储。
- 通过 Cookie 列表，您可以选择来源并修改键值对。
- 借助私密状态令牌和兴趣群体，您可以检查相应的令牌和群组（如果有）。
- 通过共享存储空间列表，您可以选择源站，并检查和修改关联的键值对。
- Cache storage 列表包含可用的缓存，可让您检查、过滤和删除其资源。
后台服务：检查、测试和调试后台服务。
- 通过往返缓存标签页，您可以针对浏览器中的往返缓存运行测试。它还会报告可能会阻止往返缓存的问题。
- 借助后台提取标签页，您可以记录最多三天来自Background Fetch API的活动。
- 借助后台同步标签页，你可以通过 Background Sync API 记录最多三天的活动。
- 在跳出跟踪缓解措施标签页中，您可以使用跳出跟踪分析法识别和删除看似执行跨网站跟踪的网站的状态。
- 借助通知标签页，您可以录制长达三天的推送消息。
- 借助付款处理程序标签页，您可以记录最多三天的付款处理程序事件。
- 通过定期后台同步标签页，您可以在定期后台同步生命周期内录制最长三天的关键事件，例如注册同步、执行后台同步和取消注册。
- 借助推测加载标签页，您可以调试推测加载。它会显示推测状态、规则集和推测加载尝试。
- 借助推送消息标签页，您可以记录最多 3 天的推送消息，并将其记录下来。
- Reporting API 标签页可监控您的网站并报告已弃用的 API 调用和安全违规行为。
框架：将网页和资源划分为多个视图，并显示相关信息，例如安全与隔离、内容安全政策、API 可用性等。
打开“应用”面板
如需打开 Application（应用）面板，请执行以下操作：
- 打开开发者工具。
- 按以下键打开命令菜单：
- macOS：Command + Shift + P
- Windows、Linux、ChromeOS：Ctrl+Shift+P
- 开始输入
application，选择显示应用，然后按 Enter 键。DevTools 会在其窗口顶部显示 Application 面板。
或者，您也可以通过以下方式打开 Application 面板：
- 在顶部的操作栏中，点击 double_arrow 更多面板，然后从下拉列表中选择应用。
- 在右上角，依次选择 more_vert 更多选项 > 更多工具 > 应用。