PWA转APK后无法全屏，配置scope仍无效，如何解决？

我之前也碰到过类似的坑——PWA在浏览器里能正常全屏，打包成APK后顶部的地址栏却顽固地留在那里，分享几个我亲测有效的解决思路：

• 先确认display配置是否真的生效
  虽然你设置了display:"fullscreen"，但首先要排查manifest是否被正确加载。可以在Chrome DevTools的「Application > Manifest」面板里查看当前生效的配置——有时候可能因为manifest文件路径写错、或者浏览器缓存了旧版本，导致新的display设置没起作用。如果暂时搞不定fullscreen，可以先试试display:"standalone"，这个属性同样会隐藏地址栏，而且在Android系统上的兼容性比fullscreen更好，很多场景下能满足需求。

• 调整scope的配置方式
  你用了全站URL作为scope，其实更稳妥的方式是用相对路径。比如如果你的网站根目录就是https://sky-music.herokuapp.com/，直接把scope设为"/"即可。绝对URL有时候会因为APK打包工具的域名解析逻辑、或者HTTPS证书的小问题导致不生效。另外还要注意start_url必须在scope的范围内，比如start_url设为"/"，和scope:"/"对应，否则manifest的全屏配置会被系统忽略。

• 检查APK打包工具的额外设置
  光靠manifest配置可能不够，还要看你用的打包工具是否需要额外配置：

  • 如果是用Android Studio打包，打开生成的项目里的AndroidManifest.xml，找到对应的activity标签，添加android:theme="@style/Theme.AppCompat.Light.NoActionBar"主题，强制隐藏Android系统的顶部ActionBar（也就是你看到的地址栏）。
  • 如果是用PWABuilder这类可视化工具，记得手动开启工具里的「全屏模式」开关，有些工具不会自动把manifest的fullscreen映射到系统设置。

• 清除旧缓存和Service Worker
  旧的Service Worker可能缓存了旧版本的manifest，导致新配置没生效。可以在Chrome DevTools的「Application > Service Workers」里注销旧的Service Worker，然后清空网站缓存，重新加载页面后再打包APK，确保新的manifest被正确读取。

内容的提问来源于stack exchange，提问作者Specy