如何删除Chrome图标添加到主屏幕提示

Question

我正在使用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"
}

我该怎么做？

Answer 1

对于PWA，HTTPS不是可选的

所有HTTP站点的菜单中都有“添加到主屏幕（A2HS）”选项
安装这些工具后，他们会在图标上添加chrome徽章

使用HTTPS（和有效的PWA）时，您还应该看到自动的Chrome A2HS提示
并且已安装的PWA图标将不会添加镀铬徽章

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

我的测试