Microsoft Edge PWA很快将在视觉上与本机应用程序区分开

Microsoft Edge很快将引入一项称为“窗口控件覆盖”的新功能， 以使渐进式Web应用程序（PWA）在视觉上与本机同类产品无法区分，从而使开发人员可以自定义其PWA的标题栏区域。

“此功能使开发人员可以构建可更好利用屏幕空间的Web应用程序，并使他们可以设计出更像本机应用程序的应用程序。随着设备变得更小以实现可移植性，标题栏会占用屏幕的较大部分，因此减少了用户与应用程序交互的空间。” Microsoft Edge的Amanda Baker在Techtsp看到的技术文档中说。

Edge试图解决Progressive Web Apps的最大问题之一：缺少标题栏区域的自定义。与带有可自定义标题栏的本机应用程序不同，PWA具有系统保留的标题栏部分。结果，PWA最终看起来像它们在单独的Edge窗口中运行。

贝克补充说：“如果用户有视觉障碍，并增加了屏幕上所有内容的缩放级别，这将是一个更大的问题。”

Microsoft已经意识到，这种旧设计会阻止Progressive Web Apps开发人员充分利用显示资源。更重要的是，它阻止PWA开发人员为用户提供最佳的UI体验。缺乏控制已成为客户不从常规网页和本机应用程序转到PWA的原因之一。

“开发人员可以将通常放置在其下方的内容填充到该区域中，而不是将大多数标题栏留在空白处，而将应用程序的标题包含在标准浏览器字体中，包括自定义徽标，搜索框，或导航控件，” Baker补充道。

新项目具有三个重要目标：

1. Web开发人员应有权访问Progressive Web App的标题栏区域。
2. 应用程序窗口必须具有控件选项，包括最小，关闭和拖动窗口之类的基本控件。
3. Edge应根据主机操作系统提供窗口控件设计。

所有这些功能将协同工作，以便PWA开发人员可以为客户提供最接近本机的用户体验。UX还将在标题栏区域上包含按钮和其他交互元素。

使用该功能的开发人员已经发布了使用可定制的标题栏区域构建PWA所需的基本代码。但是，可能要花几周或几个月的时间，我们才能看到Web开发人员采用它。

由于Edge和Chrome均基于Chromium，因此两种浏览器均支持带有自定义标题栏区域的PWA。无论何时发生，新功能将吸引更多的客户使用PWA，因为它们可以提供更全面的用户体验以及其他好处。

当前在chrome：// flags后面提供Windows控制覆盖功能。