微软已尝试通过其Edge浏览器使渐进式Web应用程序(PWA)看起来更像本机Windows应用程序,例如使它们与常规应用程序一起显示在“开始”菜单中。现在,由于有了新的“窗口控件覆盖”功能,看起来好像已经在努力改善PWA在打开和使用时的外观。由Techtsp发现),的外观。该功能旨在帮助PWA看起来更像本机应用程序。
Microsoft团队正在开发“窗口控件覆盖”功能,这创建了一个 GitHub存储库来解释该功能,但是该功能直接贡献给了Chromium项目,这意味着Chrome用户也将在完全实现该功能后从中受益。该团队认为,目前没有在台式机上实现PWA UI的好方法,因为开发人员必须在删除所有浏览器的UI元素(包括顶角的窗口控件)或保留完整的标题栏之间进行选择,例如见下文。
全屏选项仅在由Android或iOS驱动的移动设备上使用,因为这些平台已经不需要关闭或最小化按钮。在台式机设备上,当使用Edge或Chrome等浏览器打开PWA时,应用程序的内容将托管在标题栏下方,标题栏具有专门为其保留的区域。这意味着应用程序中的内容仅限于标题栏下方的区域,并且该空间不能用于菜单或快速快捷方式之类的功能,而许多本机应用程序却可以使用该空间。
使用“窗口控件覆盖”,创建了一种新方法,开发人员可以利用整个窗口区域显示内容,但是根据操作系统的通常外观,窗口控件会覆盖在其上方。这样,可以将PWA中的UI元素推到标题栏中,并且开发人员将只需要像为常规应用程序那样围绕为窗口控件保留的区域工作即可。微软给出了一些在Electron上构建的应用程序的示例,这些应用程序的菜单项位于窗口控件旁边,例如Microsoft 团队或Spotify,这将允许基于浏览器的应用程序执行相同的操作。
该功能仍在开发中,并且每个网站都将实施改进后的设计,具体取决于每个网站,因此可能需要一段时间才能看到这种新方法的实际效果。但是,已经可以在Chrome Canary中启用对Window Controls Overlay的支持,作为chrome:// flags中的功能标志。