Angular PWA 顯示：獨立無法在 Android 上運行

Question

此 Angular 應用程序已使用PWABuilder打包為 Android 應用程序。 在 Android 設備上安裝 APK 時，PWA 仍會在應用程序窗口的頂部顯示一個 URL 欄。 可以做些什么來使“顯示”：“獨立”在 Android 設備上工作？

清單文件

{
  "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"
    }
  ]
}

Answer 1

您需要在應用程序的公共目錄中創建一個名為.well-known的文件夾，並將assetlinks.json文件放入該文件夾中。 這將刪除頂部欄。 這樣做是為了驗證您是特定主機的所有者。