3 月份的时候,MSPU 就报道过微软的一项计划 —— 允许开发者修改渐进式 Web 应用(简称 PWA)的窗口标题栏,使之能够和常规的应用程序更好地区分开来。现在,微软和 Chromium 团队已通过 web.dev 网站上撰写的一篇文章,证实了这项计划的存在。
所谓标题栏,特指窗口控件(最大化 / 最小化 / 关闭等按钮)左右侧的这部分区域。通常情况下,开发者都会在这里显示应用程序的标题。
通过将现有的全角标题栏,替换成带有窗口控件的小叠加层,开发者可让渐进式 Web 应用(PWA)带来更像是传统应用程序的使用感受。
与此同时,开发者也能够将自定义的内容,放置在此前被浏览器所掌控的标题栏区域。
在官宣之后,新的窗口控件布局(Window Controls Overlay)将从 Chrome 92 开启试验,且预计可在 Chrome 94(2021 年 7 月前后)敲定最终方案。
当前样式并没有像第一个示例那样花里胡哨,但开发者显然还有极大的发挥空间。感兴趣的朋友,可通过以下方法来体验 Windows Controls Overlay:
● 转至 chrome://flags
● 启用 #enable-desktop-pwas-window-controls-overlay 标记
● 重启 Chrome 浏览器
领取专属 10元无门槛券
私享最新 技术干货