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

MicrosoftEdgePWA

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控制覆盖功能。

未经允许不得转载:励志言 » Microsoft Edge PWA很快将在视觉上与本机应用程序区分开

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏