渐进式Web 应用中的新增功能

本页列出了 Microsoft Edge Web 应用 团队对渐进式Web 应用 (PWA) 和Web 应用的更新。 若要尝试新功能,请阅读这些公告。 若要随时了解最新和最出色的功能,请下载 Microsoft Edge 预览版频道 , (Beta 版、Dev 版和 Canary) 。

本文档的各节对应于 Microsoft Edge 的历史版本,不会随时间推移而更新。 例如,随着发布Microsoft Edge 的新版本,下面对“新功能”或“原始试用版”的引用可能会过时。

Microsoft Edge 121 中的新增功能

从 Microsoft Edge 121 开始,在 DevTools 中,可以模拟渐进式Web 应用 (PWA) 具有的窗口控件覆盖功能,而无需安装 PWA。 请参阅 在不安装 PWA 的情况下模拟窗口控件覆盖 API

Microsoft Edge 114 中的新增功能

从 Microsoft Edge 114 开始,可以使用 User-Agent 客户端提示检测 PWA 何时在 Microsoft Edge 的边栏中运行。

若要了解详细信息,检查以下资源:

Microsoft Edge 112 中的新增功能

从 Microsoft Edge 112 开始,渐进式Web 应用可以实验性地选择加入以固定到 Microsoft Edge 中的边栏。

Microsoft Edge 中的边栏允许用户在浏览器选项卡旁边轻松访问热门网站和实用工具。 边栏中的内容通过启用并排浏览并尽量减少在浏览器选项卡之间切换上下文的需要来增强用户的主要任务。

若要使 PWA 准备好固定到 Microsoft Edge 中的边栏,请使用 edge_side_panel 清单成员。

Microsoft Edge,其中在 TODO 列表应用中打开了一个选项卡,在边栏中打开了 PWAmp

若要了解详细信息,请参阅 为 Microsoft Edge 中的边栏生成 PWA

Microsoft Edge 108 中的新增功能

Microsoft Edge 108 引入了对渐进式Web 应用的实验性支持,以在 Windows 11 的小组件板中定义自己的小组件。

使用清单成员在 PWA 清单文件中 widgets 定义小组件。 小组件通过使用自适应卡片模板进行显示,这使小组件易于创建,并使其易于适应将来的各种操作系统小组件仪表板。 Microsoft Edge 还可以通过服务辅助角色文件处理 PWA 小组件上的用户操作。

以下屏幕截图显示了左侧的 Windows 小组件板和右侧的 PWAmp 演示应用。 小组件板包含 PWAmp 微型播放器小组件,其中显示了在 PWAmp 应用中播放的当前歌曲:

Windows 小组件板中的 PWAmp 微型播放器小组件,位于 PWAmp 应用旁边

若要了解详细信息,请参阅 生成 PWA 驱动的小组件

Microsoft Edge 105 中的新增功能

Microsoft Edge 105 为渐进式Web 应用带来了以下新功能。

窗口控件覆盖 API

从 Microsoft Edge 105 开始, 窗口控件覆盖 API 现在默认可用。 使用窗口控件覆盖 API 控制通常由已安装 PWA 窗口的标题栏使用的区域。 PWA 代码可以使用此区域来呈现任意 Web 内容,例如自定义标题区域、导航按钮或菜单栏。

此功能使安装在桌面操作系统(如 Windows、macOS 和 Linux)上的 PWA 更类似于其本机对应项。

具有自定义标题栏的 PWA

另请参阅:

来自 PWA 的通知现在指示为来自 PWA

在早期版本中,由 PWA 创建的通知看起来就像是由 Microsoft Edge 发出的。

使用 Microsoft Edge 105 时,来自 PWA 的通知现在会显示 PWA 的名称和图标,而不是显示“Microsoft Edge”:

PWA 应用窗口,Windows 任务栏附近显示通知。通知具有 PWA 图标和名称

Microsoft Edge 101 中的新增功能

Microsoft Edge 101 引入了 PWA 的 边栏搜索 功能。 侧边栏搜索 允许已安装 PWA 的用户在 PWA 窗口的边栏中搜索和浏览 Web 内容。

若要访问 边栏搜索,请执行以下操作

  1. 单击已安装 PWA 的标题栏中的 “打开边栏搜索 ”按钮:

    边栏搜索图标,显示在应用标题栏中

  2. 键入搜索查询,然后按 Enter。 将显示搜索结果,你可以从那里转到网页:

    边栏搜索,在 PWA 的一侧打开,并显示一些搜索结果

Microsoft Edge 100 中的新增功能

Microsoft Edge Dev和 Canary 频道已于 2022 年 2 月 9 日迁移到版本 100。 在此里程碑中,我们将测试以下新的 Web 应用功能。 我们预计这些新功能在测试期后会推出到稳定版。

应用同步

支持“收藏夹”、“设置”、“历史记录”等功能的同步服务已扩展为包含已安装的 Web 应用(即 PWA 和作为应用安装的网站)。 当你登录到配置文件并选择同步时,同步服务将正常工作。

在未来几周内测试并逐步发布此功能时,选择同步的用户将开始在edge://apps页面中看到“你的可用应用”部分,以及重新设计的应用菜单。

“可用应用”部分

可用应用 ”部分将显示你已安装在其他设备上具有相同登录配置文件的任何应用,这些应用当前未安装在你正在使用的 Microsoft Edge 实例中。 可用应用将以灰色图标显示在其自己的部分中。 单击应用上的“ 安装 ”按钮,在该设备上安装应用:

“应用”页面上显示的可用应用,其中突出显示了“安装”按钮

应用同步仅在桌面设备上可用,在此阶段。 若要使应用跨设备同步,在一台设备上添加应用会将该应用添加到其他设备上的 “可用应用” 部分。 在一台设备上卸载应用会将其从其他设备中删除。

重新设计的应用菜单

在 Microsoft Edge 中,正在重新设计“设置和更多”菜单中的应用命令:

  • 可将 “应用 ”菜单图标添加到工具栏,以便快速访问。
  • 弹出菜单可以固定为侧边栏打开,以在 Web 内容旁边显示应用。
  • 添加了可自定义的视图和排序选项,以及 “我的可用应用 ”部分,以支持应用同步功能。

用户可以在工具栏上显示 “应用 ”菜单图标,以便快速访问:

可以在工具栏上显示“应用”图标,以便快速访问

用户可以固定打开 的应用 菜单作为边栏:

用户可以固定打开的应用菜单作为侧边栏

用户可以在列表视图或网格视图之间进行选择:

用户可以在其应用的列表视图或网格视图之间进行选择

用户可以选择其应用的排序顺序:

用户可以选择其应用的排序顺序

Microsoft Edge 97 中的新增功能

Microsoft Edge 版本 96 计划于 2021 年 11 月 18 日成为稳定版。 Microsoft Edge 版本 97 将在该日期之后从 Dev 升级到 Beta 预览版频道。

注册为 URL 处理程序的应用商店应用隐藏自定义选项卡 UI

从 PWA 的域重定向到具有不同顶级域 (TLD) 的匹配域名时,参与 URL 处理程序源试用版 的应用商店安装的 PWA 将不再显示 Chrome 自定义选项卡 (CCT) 。 这种重定向通常发生在具有区域设置特定域的应用中;例如,加拿大用户的从 contoso.com 重定向到 contoso.ca

Microsoft Edge 96 中的新增功能

URL 协议处理程序移动到“稳定”

起源审判已经结束。 URL 协议处理程序功能现已在 Microsoft Edge 96 稳定版中提供。

另请参阅:

用于管理已安装的 Web 应用的新中心设计

Microsoft Edge Canary 于 2021 年 10 月 5 日达到版本 96。 对于一部分用户,我们正在测试新设计,以更好地管理已安装的 Web 应用。 当你在浏览器中转到 edge://apps 时,它现在会显示一个重新设计的中心,其中将已安装的 PWA 和网站列为应用。

排序顺序

可以按以下任一项对应用进行排序:

  • 最近使用过。
  • 根据标题按字母顺序排列。
  • 安装日期。
列表视图或网格视图

可以使用“ 视图为 ”下拉列表,在列表或网格视图中排列应用。 在此图像中,选择了 “网格 ”视图:

Microsoft Edge 中新的应用管理页

若要缩放:右键单击“ > 在新选项卡中打开图像”。

固定应用、创建应用的快捷方式、登录时运行应用

可以轻松将应用固定到任务栏或 “开始” 菜单。 可以创建快捷方式,并使应用能够在用户登录时运行。

应用程序详细信息页面

现在有一个应用详细信息页面,它提供了轻松访问以下内容的方法:

  • 关联源的权限和隐私详细信息。
  • 有关应用程序的更多详细信息。

应用详细信息页:

Microsoft Edge 中的应用详细信息页

Microsoft Edge 95 中的新增功能

Microsoft Edge 版本 95 已于 2021 年 9 月 28 日迁移到 Beta 频道。 源试验对于以下功能保持活动状态:

我们预计 协议处理程序源试用版 于 2021 年 10 月 21 日结束。

Microsoft Edge 94 中的新增功能

Microsoft Edge 版本 94 已于 2021 年 9 月 23 日迁移到稳定版。 此发布周期很短,从 Microsoft Edge 93 稳定版到 Microsoft Edge 94 稳定版仅 3 周,我们紧贴到新的 4 周发布周期。 此新版本的节奏与Chromium里程碑的新节奏相匹配,如加速 Chrome 的发布周期中所述。

由于 Microsoft Edge 版本 94 的发布周期缩短,我们专注于稳定发布周期物流,并将功能开发转移到 Microsoft Edge 版本 95。

源试验对于以下功能保持活动状态:

我们预计 协议处理程序源试用版 将在 Microsoft Edge 版本 94 中结束,因为我们接受最终反馈,并准备将协议处理程序功能移动到稳定版。 如果你注册了协议处理程序的源试用版,我们计划在 Microsoft Edge 版本 94 之后结束试用期。 然后,我们将确定此功能何时变为“稳定”。

Microsoft Edge 93 中的新增功能

Microsoft Edge 版本 93 于 2021 年 9 月 2 日成为 Microsoft Edge 的稳定通道。 本文从开发人员和使用者的角度列出了我们对渐进式Web 应用 (PWA) 所做的更新。

衡量应用商店安装的 PWA 的使用情况

Microsoft Edge 现在包含一个引用网站标头,其中包含对安装 Microsoft Store 的 PWA 的第一个导航请求。

此功能最初在 Microsoft Edge 版本 91 中引入,我们在 Microsoft Edge 版本 93 中提供了 bug 修复。

有关详细信息,请参阅 将渐进式 Web 应用发布到 Microsoft 应用商店

窗口控件覆盖原点试用

若要对当前以独立显示模式显示的标题栏区域进行更多控制,可能需要尝试使用窗口控件覆盖。 窗口控件覆盖 (WCO) 是一组功能,这些功能共同提供应用窗口所需的基本控件。 此布局为 Web 内容层释放更多空间。 WCO 可用于已安装的桌面 PWA。

请参阅 使用窗口控件覆盖在标题栏区域中显示内容

2023 更新:此功能不再是原始试用版,可供所有用户使用,因此以下内容不再适用:Microsoft Edge Origin 试用版中注册 Web 应用窗口控件覆盖试用版的来源。

2024 更新: 从 Microsoft Edge 121 开始,在 DevTools 中,可以模拟渐进式 Web 应用的窗口控件覆盖功能, (PWA) ,而无需安装 PWA。 请参阅 在不安装 PWA 的情况下模拟窗口控件覆盖 API

URL 处理程序源试用版

开发人员现在可以在源试用版中使用试验性功能 Web 应用 URL 处理程序。 此功能允许注册已安装的 PWA 以打开来自引用其范围的其他应用的链接。

2023 更新:此功能不再是原始试用版,并且已删除,因此以下内容不再适用,并且 PWA URL 处理程序功能已从 Chromium 浏览器引擎中删除:Microsoft Edge Origin Trial 上注册域的 Web 应用 URL 处理程序试用版。

另请参阅:

支持 macOS 上的共享 API

我们已实现对 navigator.share macOS API 的支持。 在未来几周内,此功能将在 macOS 上向稳定Microsoft Edge 浏览器推出。

详细了解 navigator.share () API

Microsoft Edge 92 中的新增功能

Microsoft Edge 版本 92 于 2021 年 7 月 22 日成为 Microsoft Edge 的稳定通道。 本文从开发人员和使用者的角度列出了我们对渐进式Web 应用 (PWA) 所做的更新。

协议处理程序源试用版

现在可以注册 PWA 以使用主机操作系统处理特定协议。 若要详细了解如何在 PWA 中使用协议处理程序,请参阅处理渐进式Web 应用中的协议

2023 更新:此功能不再是原始试用版,可供所有用户使用,因此以下内容不再适用: 适用于协议处理程序的 Windows 试用版现已推出。 可以在 Microsoft Edge Origin 试用版中注册 Web 应用协议处理程序试用版的来源。

简化的应用信息菜单

当用户选择应用的标题栏中的省略号 (...) 按钮时,将显示 “应用信息 ”菜单。 我们更新了 应用信息 菜单,并通过以下方式简化了用户体验,以提供更类似于桌面应用而不是浏览器 UI 的用户体验:

  • 将应用 发布者 信息移动到顶层,并使其成为用户看到的第一个内容:

    简化的新应用信息菜单

  • 将隐私信息和控件移动到专用的 2 级 隐私 菜单中:

    专用“隐私”菜单中的隐私控件

  • 已将内容相关工具移动到专用的二级“ 更多工具 ”菜单:

    与内容相关的工具现在位于“更多工具”菜单中

安装后浮出控件对话框

从 Windows 上的 Microsoft Edge 浏览器安装 PWA 后,用户现在可以从四个选项中进行选择来轻松启动其应用:

  • 固定到任务栏
  • 固定到“开始”
  • 创建桌面快捷方式
  • 设备登录时自动启动

为方便起见,首次启动应用时会显示此浮出控件对话框:

安装后的浮出控件对话框,其中包含“固定到任务栏”、“固定到开始”、“创建桌面快捷方式”和“设备登录时自动启动”选项

此功能正在逐步向所有用户推出。 在此期间,如果要使用此功能,请转到 edge://flags 并启用标志Web 应用安装后对话框

还原Web 应用

在意外关闭之前运行的已安装站点和 PWA 现在将还原 (即,将在系统恢复时) 重启它们。

由于进程故障、系统重启或停电,可能会发生意外关闭。 在此更改之前,已安装的站点和 PWA 在系统还原时具有不确定的行为。

另请参阅