就像Google Chrome 一样,Microsoft Edge 大约每四个星期就会发布一次新的主要版本。虽然 Chrome 106 昨天到货,但 Edge 106 尚未上市。在发布之前,微软现在详细介绍了Edge 105 中的一个新 API,它使桌面 Web 应用程序感觉更加原生。
Window Controls Overlay 是微软最初在 2020 年 1 月谈到的一项新的渐进式 Web 应用程序 (PWA) 功能。然后,该公司于 2021 年 3 月开始通过 Chromium 项目进行早期实施,随后进行了 Origin 试验,Chrome 实际上在 2022 年 5 月采用了 102 版。现在,它也已成为 Edge 105 的默认体验,正式规范也已发布。
在这方面已经付出了很多努力,因为它让 PWA 感觉更加原生。它并没有通过提高它们的性能来实现这一点,而是通过进行看似微小的 UX 增强来实现这一点。它不是让应用程序的标题栏遵循操作系统默认设置,而是通过让 PWA 几乎完全控制标题栏,将大约 30 像素的高度返回给 PWA。
虽然 30px 听起来很小,但它可以让 PWA 自主地在该区域显示自定义标题、菜单栏、导航选项卡等。为了给您更直观的表示,下图中的白色区域将由 PWA 控制:
微软曾强调,这适用于不同的操作系统,包括 Windows、Mac 和 Linux。
如果您是 PWA 开发人员,有兴趣查看一些代码片段以了解如何根据自己的喜好调整标题栏,请在此处查看 Microsoft 的示例。
有趣的是,微软已经注意到现在默认情况下在 Edge 105 中启用了 Window Controls Overlay,但是该版本的主要或次要版本的更改日志都没有突出显示这一点。我们必须假设,如果您使用的是最新的 Edge 版本,则默认情况下应该为您启用 API。