Javascript 如何在主屏幕上添加PWA而不显示迷你Chrome徽标？

我一直在用一个全新的CreateReact应用程序测试PWA的基本功能。这一直进展顺利，但当我使用模拟Android设备并通过Chrome将应用程序添加到主屏幕时，应用程序的右下角总是会显示一个迷你Chrome徽标

我对灯塔进行了审计，似乎一切都正常

  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "144x144 64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "sample.png",
      "sizes": "500x500",
      "type": "image/png"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

---

我只是想弄清楚当前的要求，允许“添加到主屏幕”在应用程序图标上不包含chrome徽标。如果需要更多上下文/信息，请随时通知我。谢谢。

问题可能是因为url必须是https。我认为localhost对于服务人员来说是可以的，因此对于WebAPK来说也是可以的，但是对于创建WebAPK来说，https似乎是必需的。如果我在思考过程中有什么问题，请告诉我。一定要小心。如果你为一个普通网站做一个A2HS，它会添加chrome徽标。您使用非HTTPS（非本地主机）URL运行lighthouse，并且它通过了所有？这很奇怪。我相信你需要注册一名服务人员2小时才能自动上班。如果它添加了chrome符号，我不认为它实际上是作为PWAdid安装到设备上的。你能解决问题吗？我最终没有在我正在开发的应用程序中实现PWA，所以我想我没有解决方案。在我的下一个项目中，我将不得不与PWAs打交道，看看是否有什么变化。