如何删除 chrome 图标添加到主屏幕提示答案

【问题标题】：How to remove chrome icon add to home screen prompt如何删除 chrome 图标添加到主屏幕提示
【发布时间】：2019-09-21 06:26:29
【问题描述】：

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

我该怎么做？

【问题讨论】：

您的 PWA 通过了所有 Lightroom 测试并且是有效的 PWA？您在 HTTPS 网站上托管您的网站？当您在无法对这两个问题都回答“是”的网站选择“添加到主屏幕”时，您会看到徽章。
@Mathias Lightroom 测试并且是一个有效的 PWA 是... 您在 HTTPS 网站上托管您的网站 不是在 http 上...在添加到主屏幕提示期间没有提出任何问题。

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

【解决方案1】：

HTTPS 对于 PWA 来说不是可选的

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

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

如果你想对此进行测试，有免费的 HTTPS 主机，比如 Glitch

我的测试

【讨论】：

如果不是太私密，请分享 URL，我可以查看。此外，在您的 HTTPS 站点上运行 Lighthouse 测试以查找错误。
在您的图标上没有镀铬徽章的情况下可以正常安装。在 Android 和 Chrome 上。您可能只需要清除缓存并完全卸载和以前的测试。
你是说如果网站有ssl证书并且使用https协议，那么pwa图标上就没有chrome图标了吗？
我的网站已通过认证并使用 https，但仍然出现 google chrome 图标
@chs242 有您可以分享的网站的墨水吗？当我尝试它时，我会看看它会做什么。它不应该在您安装的桌面上有 Chrome 图标。如果您无法与我分享，请让您认识的从未使用过该链接的人尝试一下。