微软介绍 Edge 105 浏览器新功能:可使 PWA 应用更像原生应用

9 月 28 日消息,微软今日在一个新的博文中详细介绍了 Edge 105 浏览器中的一个新的功能,能够使桌面 Web 应用感觉更像原生应用。

原生应用和 Web 应用的对比

微软曾最初在 2020 年 1 月提到了一项新的渐进式网络应用(PWA)的功能,名为窗口控件布局(Window Controls Overlay),允许开发人员创建自己的标题栏,而不是强迫他们使用默认标题栏。然后,该公司在 2021 年 3 月通过 Chromium 项目开始了早期实施工作,Chrome 浏览器在 2022 年 5 月发布的 102 版本中对其进行了采用。现在随着正式规范的发布,该功能也已成为 Edge 105 的默认体验。

使用 Window Controls Overlay 的前后对比

了解到,微软 Edge 团队的 Amanda Baker 曾在技术文档中表示:“这一功能使开发者能够构建更好地利用屏幕空间的 Web 应用,并允许他们将 Web 应用设计得更像原生应用。随着设备体积变得更小,便携性越来越高,标题栏占据了非常大的一部分屏幕空间,留给用户与 Web 应用交互的空间相应地也就变小了。”

开发者能够控制将 PWA 应用标题栏的大约 30px 的高度,虽然 30px 听起来很小,但它会让 PWA 应用有自主权在这个区域显示自定义的标题、菜单栏、导航标签等。

微软强调,这适应于不同的操作系统,包括 Windows、Mac 和 Linux。下面是一张显示不同操作系统对这 30px 高度的利用情况的图片,下图中的黄色区域将由 PWA 控制:

微软称,“我们相信 PWA 是制作桌面 Web 应用的最佳选择。把你的网站变成一个真正感觉属于桌面的应用从未如此简单,使用 Window Controls Overlay 功能将帮助你创建桌面应用,看起来更现代,更吸引你的用户。”

值得一提的是,在 Edge 105 中 Window Controls Overlay 已经是默认启用的,但是在这个版本的主要或次要版本的更新日志中都没有强调这一点。