导航菜单

微软Edge可以让桌面Web应用感觉更原生

导读 就像Google Chrome 一样,Microsoft Edge 大约每四个星期就会发布一次新的主要版本。虽然 Chrome 106 昨天到货,但 Edge 106 尚...

就像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。

免责声明:本文由用户上传,如有侵权请联系删除!

猜你喜欢:

最新文章: