服务辅助角色改进

网络、应用程序和源工具已得到改进，可帮助你处理服务辅助角色以及通过每个服务辅助角色的网络请求。

这些改进简化了以下任务：

• 基于服务辅助角色时间线进行调试。
  • 请求开示和启动持续时间。
  • 更新为服务辅助角色注册。
  • 使用 提取事件处理程序 的请求运行时。
  • 用于加载客户端的所有提取事件的运行时。
• 浏览提取事件处理程序、安装事件处理程序和激活事件处理程序的运行时详细信息。
• 使用 页面脚本信息单步进入和退出提取事件处理程序。

这些改进包括以下工具：

• 网络工具。 在 计时 工具中选择通过服务辅助角色运行并访问服务辅助角色的相应时间线的网络请求。

• 应用程序工具。 若要调试服务辅助角色，请使用 “服务辅助角色 ”页。

• 源工具。 单步执行提取事件处理程序时访问页面脚本信息。

网络

可以通过以下任一方式访问 网络 工具中的服务辅助角色调试功能：

• 直接在 网络 工具中。
• 在 应用程序 工具中启动。

请求路由

为了使请求路由更易于可视化，时间线现在显示服务辅助角色启动和 respondWith 提取事件。 调试和可视化通过服务辅助角色传递的网络请求：

1. 选择通过服务辅助角色发送的网络请求。
2. 打开 计时 工具。

提取事件

若要了解有关提取事件的详细信息 respondWith ，请单击 左侧的 respondWith下拉箭头。 若要查看有关 原始请求 和 收到的响应的更多详细信息，请单击相应的下拉箭头。

应用程序

服务工作进程更新日程表

Microsoft Edge DevTools 团队在 应用程序 工具中添加了时间线，以反映服务辅助角色的更新生命周期。 此时间线显示安装和激活事件。 每个事件都有相应的下拉箭头，可提供更多详细信息。

请求路由和提取事件

现在，可以通过 网络 工具访问服务辅助角色时间线。 此功能可提高性能，最大程度地减少 UI 重复，并创建更全面的调试体验。

1. 打开要调试的服务辅助角色。

2. 单击“ 网络 ”按钮打开 请求路由体验。

3. 使用 responseWith 下拉箭头获取事件请求和响应信息。

网络工具显示通过要调试的服务辅助角色发出的网络请求。 自动筛选器是缩小浏览范围的方法。

另请参阅 管理存储的应用程序工具。

源

若要查找更多堆栈信息，请在提取处理程序中设置断点。 详细信息指向在页面脚本中请求资源的位置。

当调试器在提取处理程序中暂停时，组合堆栈信息将显示在右侧的面板中。 之后，可以在堆栈帧中四处移动。

未来的工作

Microsoft Edge DevTools 团队计划进一步开发缓存详细信息，并正在研究更多方法来改进 渐进式 Web 应用程序 (PWA) 开发人员的服务辅助角色调试体验。