PWA无法隐藏地址栏求助：Scope及Display模式设置无效

针对你遇到的PWA安装正常但地址栏无法隐藏的问题，可按以下步骤排查修复：

• 强制HTTPS访问
  PWA的fullscreen/standalone模式要求站点必须通过HTTPS协议部署（本地开发的localhost除外）。如果当前使用HTTP访问，浏览器会限制地址栏隐藏功能，需配置服务器启用HTTPS。

• 修正manifest路径与配置

  1. 确保start_url和scope使用绝对路径，适配服务器主目录部署场景：

     "start_url": "/login.php",
     "scope": "/"
     

  2. 检查manifest的JSON语法正确性：你提供的配置末尾存在多余逗号，会导致解析失败，需删除最后一个键值对后的逗号。
  3. 确认HTML中manifest引用路径正确，示例：

     <link rel="manifest" href="/manifest.json">
     

• 添加移动端浏览器兼容meta标签
  在HTML的<head>中补充以下标签，适配不同移动端浏览器的全屏要求：

  <!-- Chrome移动端 -->
  <meta name="mobile-web-app-capable" content="yes">
  <!-- Safari iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  

• 清除缓存并重新安装PWA
  浏览器可能缓存了旧的manifest配置，需：

  1. 清除站点的缓存数据（浏览器设置中找到对应站点清除缓存）
  2. 卸载已安装的PWA应用
  3. 重新访问站点并安装PWA测试

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