PWA - 清单属性“display”：“standalone”在 Android 上不起作用

问：

我注意到我的 PWA 有一个非常奇怪的行为。我可以在 Windows 上以“独立”模式启动它，但是当我尝试在我的 Android 设备上执行相同的操作时，它会忽略“独立”值并在 Chrome（Android 7.0、Chrome-Android v62.x）中打开 URL。它也不适用于 Chrome-Android Beta v63.x（与这篇文章有关，指的是 chrome 62.x 中的错误）。我已经使用 Manifest Validator 和 Lighthouse 检查了清单文件。这两个工具都验证了文件，并且没有向我显示任何错误/问题。“添加到主屏幕”对话框直接显示（在每次首次启动时），我可以将 PWA 添加到我的主屏幕。Service-Worker 按预期工作，我离线运行应用程序（在 Windows 和 Android 上）没有任何问题。

我正在我的 Android 设备上使用笔记本电脑上的代理进行测试（以防万一这可能是相关的）。我还尝试了不同的Android设备，但出现了同样的问题。

注意：不同的 PWA 按预期工作，例如 2048 作为 PWA

这是我manifest.json：

{
  "icons": [
    {
      "src": "assets/android-chrome-36x36.png",
      "sizes": "36x36",
      "type": "image\/png"
    },
    {
      "src": "assets/android-chrome-48x48.png",
      "sizes": "48x48",
      "type": "image\/png"
    },
    {
      "src": "assets/android-chrome-72x72.png",
      "sizes": "72x72",
      "type": "image\/png"
    },
    {
      "src": "assets/android-chrome-96x96.png",
      "sizes": "96x96",
      "type": "image\/png"
    },
    {
      "src": "assets/android-chrome-144x144.png",
      "sizes": "144x144",
      "type": "image\/png"
    },
    {
      "src": "assets/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image\/png"
    },
    {
      "src": "assets/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image\/png"
    }
  ],
  "short_name": "My short name",
  "name": "My not sooooo short name",
  "theme_color": "#337ab7",
  "start_url": "/index.html",
  "background_color": "#ffffff",
  "display": "standalone",
  "orientation": "portrait"
}

清单文件在我的索引 .html 的标题中与其他移动设备链接：

<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#337ab7">
<link rel="manifest" href="manifest.json">

Web 应用程序是使用 angular2 （angular-seeds） 构建的，以防万一有人遇到类似的问题。

感谢您的时间和评论！

更新1：

当我不使用代理从我的移动设备访问我的 PWA，而是通过本地网络打开的端口访问它时，独立功能工作正常（但 service-worker 注册失败..）。我仍然不确定为什么代理会出现这个“错误”。

更新2：

我真正的问题是，为什么会这样？另一个问题是，如果我找到的所有解决方案都有妥协，我如何在真实的移动设备上真正测试我的 PWA 的行为和感觉？关于开发环境..

我在 Android 设备上的测试方式：

• 打开我的笔记本的一个端口，然后通过我的笔记本的 IP 地址访问我的本地网络内部（Service Worker 不工作，因为不是 https 和没有 localhost，但 PWA 以独立模式启动-.-）
• 在 Android 设备上将代理设置为我的笔记本的 ip（Service Worker 工作，独立模式失败）