Window Controls Overlay 功能现在可以使 Web 应用程序的外观和感觉更像本机桌面应用程序

Web 应用程序不仅在手机上运行良好，而且还被证明是原生桌面应用程序的绝佳替代品。 为了进一步缩小网络应用程序和原生桌面应用程序之间的差距，微软宣布了窗口控制叠加功能，允许开发人员创建自己的标题栏，而不是强迫他们使用默认的标题栏。

Web 应用程序和原生桌面应用程序现在看起来很相似，只是前者使用默认的标题栏体验，其中包含与网站名称和其他控制按钮相关的信息。 现在，随着 Window Controls Overlay 的加入，开发人员可以使用通常显示默认标题栏的整个区域。 但是，系统关键窗口按钮将保持不变。

开发人员现在可以使用这个额外的空间在其 Web 应用程序上显示自定义标题、菜单栏、一些帐户信息、导航选项卡等，使它们的外观和感觉更像原生桌面应用程序。 微软发布的上述图片很好地解释了一旦您使用该解决方案，Window Controls Overlay 将带来的变化。

微软早在 2022 年 105 月就提出了 Window Control Overlay，但该公司花了更多时间在 Chromium 中构建早期实施。 而现在，经过两年多的时间，微软终于将其作为所有人在 Microsoft Edge 谷歌浏览器 91 版本中使用的默认体验。它也可在 Opera XNUMX 中使用。

要选择使用此功能，开发人员需要使用 显示覆盖 清单成员并将其值设置为 [“窗口控制覆盖”]。 它还需要新的 标题栏区域-* CSS 环境变量和新的 navigator.windowControlsOverlay JavaScript API。 微软建议开发者查看 技术文档 以及 Mozilla开发者网络 参考文档以了解有关如何将新解决方案合并到 Web 应用程序的更多信息。