Angular PWA 显示：独立无法在 Android 上运行答案

【问题标题】：Angular PWA display:standalone not working on AndroidAngular PWA 显示：独立无法在 Android 上运行
【发布时间】：2020-03-19 00:21:45
【问题描述】：

This Angular app 已使用 PWABuilder 打包为 Android 应用程序。在 Android 设备上安装 APK 时，PWA 仍会在应用程序窗口的顶部显示 URL 栏。可以做些什么来使“显示”：“独立”在 Android 设备上工作？

manifest.json

{
  "name": "azureadb2ctesting1",
  "short_name": "azureadb2ctesting1",
  "theme_color": "#1976d2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "./",
  "start_url": "./",
  "icons": [
    {
      "src": "assets/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

【问题讨论】：

标签： android angular progressive-web-apps

【解决方案1】：

您需要在应用程序的公共目录中创建一个名为.well-known 的文件夹，并将assetlinks.json 文件放入该文件夹中。这将删除顶部栏。这样做是为了验证您是特定主机的所有者。

【讨论】：