javascript - 如何删除 chrome 图标添加到主屏幕提示

标签 javascript reactjs google-chrome service-worker progressive-web-apps

我正在使用 PWA 应用，但在添加到主屏幕提示时遇到问题。我需要从下面的应用程序图标中删除 Chrome 徽章。

这是我的manifest.json

{
  "short_name": "App Name",
  "name": "App Name",
  "icons": [
    {
      "src": "...",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "...",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "...",
      "sizes": "64x64",
      "type": "image/png"
    }
  ],
  "start_url": "/login",
  "display": "standalone",
  "theme_color": "#ffc107",
  "background_color": "#ffffff"
}

我怎样才能做到这一点？

最佳答案

HTTPS 对于 PWA 来说不是可选的

所有 HTTP 站点的菜单中都有“添加到主屏幕 (A2HS)”选项
安装后，它们的图标上会添加 Chrome 徽章

当 HTTPS(和有效的 PWA)时，您还应该看到自动 Chrome A2HS 提示
并且安装的 PWA 图标不会添加 chrome 徽章

如果您想对此进行测试，可以使用免费的 HTTPS 主机，例如 Glitch

我的测试