谷歌正为Android系统的Chrome浏览器中的渐进式Web应用(PWA)新增一项关键功能——窗口控件叠加,通过优化应用顶部栏的显示逻辑,让PWA的视觉呈现与交互体验更接近手机原生应用。目前该功能已在Chrome Canary(Chrome的测试版本)中开放实验性测试。
什么是“窗口控件叠加”功能?
简单来说,“窗口控件叠加”功能允许PWA突破传统的界面限制,将自身的顶部布局与系统的窗口控件(如关闭、返回等按钮)融合在一起——既保留系统控件的正常使用,又让应用界面“延伸”至顶部栏区域,消除了原生应用与Web应用之间常见的“界面割裂感”。
举个例子:以往PWA的顶部往往是独立的系统状态栏(显示时间、电量)与应用标题栏分开排列,会浪费一定屏幕空间;开启该功能后,应用的导航栏、标题等元素可与系统状态栏无缝衔接,整体设计更紧凑、精致,视觉上与手机自带的原生应用(如微信、相册)几乎无异。
功能由来:从Chromium到Chrome的跨平台落地
“窗口控件叠加”并非谷歌首创,其最初由微软提出并在Chromium内核中开发,随后率先应用于Edge浏览器的PWA功能中,让Windows和macOS上的PWA实现了更贴近系统原生的窗口设计。
由于Chrome与Edge同基于Chromium内核,谷歌随后也将该功能整合到桌面端Chrome的PWA中;如今,这一成熟的设计思路被延伸到Android端,旨在统一跨平台PWA的体验,同时进一步缩小移动端PWA与原生App的差距。
如何提前体验该功能?
目前该功能仅在Chrome Canary中提供测试,普通Chrome用户需等待后续正式版本推送。若想提前尝试,可按以下步骤操作:
- 在手机应用商店搜索并下载“Chrome Canary”(注意:该版本为测试版,可能存在稳定性问题,不建议作为主力浏览器);
- 打开Chrome Canary后,在地址栏输入
chrome://flags
并回车,进入实验性功能设置页面; - 在搜索框输入“启用PWA中的Android窗口控件叠加”(或英文“Enable Android window controls overlay for PWAs”);
- 点击对应选项的下拉菜单,选择“Enabled”(启用);
- 重启Chrome Canary,之后打开支持该功能的PWA(如Twitter、Spotify的Web版PWA),即可看到顶部栏的融合效果。

不止于此:Android版Chrome还有这些功能在筹备
除了窗口控件叠加,谷歌还在为Android版Chrome开发多项实用功能,进一步提升浏览器及PWA的使用体验:
- 内置语法检查:针对开发者场景,在浏览器的开发者工具中加入代码语法实时检查功能,减少调试成本;
- 跨浏览器数据导入:支持从Firefox、Safari等其他移动浏览器导入书签、历史记录和密码,方便用户切换浏览器;
- 平板端媒体指示器:优化平板设备上的媒体控制体验,在浏览器顶部显示正在播放的视频、音频进度条及控制按钮;
- 恶意软件警告优化:为可信来源的APK文件提供绕过“潜在有害应用”警告的选项,减少误判带来的操作繁琐。
对于普通用户而言,窗口控件叠加功能看似是“细节优化”,实则是PWA向“原生体验”靠拢的关键一步——无需下载安装庞大的原生App,通过浏览器打开的PWA就能拥有相近的视觉与交互感受。而随着后续更多功能的落地,Android版Chrome及PWA的实用性还将进一步提升。
评论