培训
学习路径
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization
Microsoft Edge DevTools 的 后台服务 部分是 Web API 的工具集合,使网站即使在用户不使用您的网站时也能发送和接收数据,并使浏览器能够向服务器报告生产问题。
Microsoft Edge DevTools 将以下每个 API 视为后台服务:
后台服务部分会记录 API 事件(即使不使用 DevTools),以帮助确保按预期发送和接收事件。
使用 后台提取 API ,渐进式 Web 应用的 服务辅助角色 能够可靠地将大型资源(如电影或播客)下载为后台服务。 若要记录后台提取事件 3 天,即使 DevTools 未打开:
右键单击网页并选择“ 检查”,打开 DevTools。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 () 按钮,或者单击“更多工具 (
) 按钮。
在左侧的“ 后台服务 ”部分中,选择“ 后台提取”。 此时会打开 “后台提取 ”页。
单击“ 记录 () ”。
触发某些后台提取活动后,DevTools 会将事件记录到表中。
单击某个事件,在表下方的空间中查看其详细信息。
后台同步 API 使渐进式 Web 应用的脱机服务辅助角色能够在服务器重新建立可靠的 Internet 连接后将数据发送到服务器。 若要记录后台同步事件 3 天(即使 DevTools 未打开):
右键单击网页并选择“ 检查”,打开 DevTools。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 () 按钮,或者单击“更多工具 (
) 按钮。
在左侧的“ 后台服务 ”部分中,选择“ 后台同步”。此时会打开 “后台同步 ”页。
单击“ 记录 () ”。 触发某些后台同步活动后,DevTools 会将事件记录到表中。
选择一个事件,在表下方的空间中查看其详细信息。
服务辅助角色收到来自服务器的推送消息后,服务辅助角色使用通知 API 向用户显示数据。 若要将通知记录 3 天(即使 DevTools 未打开):
右键单击网页并选择“ 检查”,打开 DevTools。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 () 按钮,或者单击“更多工具 (
) 按钮。
在左侧的“ 后台服务 ”部分中,选择“ 通知”。 此时会打开 “通知 ”页。
单击“ 记录 () ”。 触发某些通知活动后,DevTools 会将事件记录到表中。
单击某个事件,在表下方的空间中查看其详细信息。
付款处理程序 API 允许 Web 应用程序代表用户处理付款请求。 若要记录 3 天的付款请求和响应事件(即使 DevTools 未打开):
右键单击网页并选择“ 检查”,打开 DevTools。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 () 按钮,或者单击“更多工具 (
) 按钮。
在左侧的“ 后台服务 ”部分中,选择“ 付款处理程序”。 此时会打开 “付款处理程序 ”页。
单击“ 记录 () ”。 触发某些付款请求后,DevTools 会将事件记录到表中。
单击某个事件,在表下方的空间中查看其详细信息。
使用定期后台同步 API,渐进式 Web 应用的服务辅助角色可以定期从服务器检索数据,即使网站未打开也是如此。 若要详细了解 定期后台同步 API,请参阅 使用定期后台同步 API 定期获取新内容。
若要记录 3 天的定期后台同步事件,即使 DevTools 未打开:
右键单击网页并选择“ 检查”,打开 DevTools。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 () 按钮,或者单击“更多工具 (
) 按钮。
在左侧的“ 后台服务 ”部分中,选择“ 定期后台同步”。此时会打开 “定期后台同步 ”页。
单击“ 记录 () ”。 触发某些定期后台同步活动后,DevTools 会将事件记录到表中。
若要向用户显示推送通知,渐进式 Web 应用的 服务辅助角色 必须首先使用 推送消息 API 从服务器接收数据。 当服务辅助角色准备好显示通知时,它将使用 通知 API。 若要记录推送消息 3 天,即使 DevTools 未打开:
右键单击网页并选择“ 检查”,打开 DevTools。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 () 按钮,或者单击“更多工具 (
) 按钮。
在左侧的“ 后台服务 ”部分中,选择“ 推送消息”。 此时会打开 “推送消息” 页。
单击“ 记录 () ”。 触发某些推送消息活动后,DevTools 会将事件记录到表中。
单击某个事件可查看表下方空间中的详细信息。
报告 API 使 Web 开发人员能够从其生产网站接收有关安全违规、已弃用的 API 调用等的报告。
若要查看浏览器使用 报告 API 发送的报告,请执行以下操作:
右键单击网页并选择“ 检查”,打开 DevTools。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 () 按钮,或者单击“更多工具 (
) 按钮。
在左侧的“ 后台服务 ”部分中,选择“ 报告 API”。 此时会打开 “报告 API ”页。
“ 报告 API ”页在顶部的表中显示发送的报表。
单击报表以查看表下方空间中的详细信息。
“ 报告 API ”页还显示通过底部表中的 Reporting-Endpoints
HTTP 标头配置的报表终结点列表。
备注
此页面的某些部分是根据 Google 创建和共享的作品所做的修改,并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。
原始页面 在此处 找到,由凯斯·巴斯克创作。
本作品根据 Creative Commons Attribution 4.0 International License 获得许可。
培训
学习路径
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization
文档
调试渐进式 Web 应用 (PWA) - Microsoft Edge Developer documentation
使用“应用程序”面板可以检查、修改和调试 Web 应用清单、服务辅助角色和服务辅助角色缓存。
用于管理存储的应用程序工具 - Microsoft Edge Developer documentation
用于管理存储的应用程序工具。
查看和编辑本地存储 - Microsoft Edge Developer documentation
如何使用“本地存储”窗格和控制台查看和编辑 localStorage 键值对。