如何删除Chrome图标添加到主屏幕提示 [英] How to remove chrome icon add to home screen prompt

问题描述

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

I am working with PWA app and I have an issue with add to home screen prompt. I need to remove the chrome badge from the app icon underneath.

这是我的 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，HTTPS不是可选的

HTTPS is not optional for a PWA

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

All HTTP sites have the Add To Home Screen (A2HS) option in the menu
When those are installed, they have the added chrome badge on the icon

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

When HTTPS (and a valid PWA), you should also see the automatic Chrome A2HS prompt
And the installed PWA icon will NOT have the chrome badge added to it

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

If you want to test this, there are free HTTPS hosts like Glitch

我的测试

这篇关于如何删除Chrome图标添加到主屏幕提示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！