Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何删除chrome图标添加到主屏幕提示_Javascript_Reactjs_Google Chrome_Service Worker_Progressive Web Apps - Fatal编程技术网

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

Javascript 如何删除chrome图标添加到主屏幕提示,javascript,reactjs,google-chrome,service-worker,progressive-web-apps,Javascript,Reactjs,Google Chrome,Service Worker,Progressive Web Apps,我正在使用PWA应用程序,我对添加到主屏幕提示有问题。我需要从下面的应用程序图标中删除chrome徽章 这是我的清单.json { "short_name": "App Name", "name": "App Name", "icons": [ { "src": "...", "sizes": "192x192", "type": "image/png" }, { "src": "...", "siz

我正在使用PWA应用程序,我对添加到主屏幕提示有问题。我需要从下面的应用程序图标中删除chrome徽章

这是我的清单.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

我的测试
对于PWA,HTTPS不是可选的

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

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

如果你想测试这个,有免费的HTTPS主机,比如Glitch

我的测试

您的PWA通过了所有的灯光室测试,并且是有效的PWA吗?您正在HTTPS站点上托管您的站点?当您选择“添加到主屏幕”时,如果您无法对这两个问题都回答“是”,您将看到该徽章。@Mathias Lightroom测试并且是有效的PWA yes。。。您正在HTTPS站点上托管您的站点不,它在http上。。。在“添加到主屏幕”提示期间,没有人询问任何问题。您的PWA通过了所有Lightroom测试,并且是有效的PWA吗?您正在HTTPS站点上托管您的站点?当您选择“添加到主屏幕”时,如果您无法对这两个问题都回答“是”,您将看到该徽章。@Mathias Lightroom测试并且是有效的PWA yes。。。您正在HTTPS站点上托管您的站点不,它在http上。。。在“添加到主屏幕”提示中没有问题。如果不是太私密,请共享URL,我可以检查它。另外,在HTTPS站点上运行Lighthouse测试以查找错误。安装时,图标上没有chrome徽标,即可正常安装。在Android和Chrome上。您可能只需要清除缓存并完全卸载和以前的测试。您是说如果站点具有ssl证书并使用https协议,在pwa图标上不再有chrome图标了?我的网站已经认证并使用https,仍然是谷歌chrome图标appears@chs242有墨汁可以分享到网站吗?我试试看它有什么用。安装的桌面上不应该有Chrome图标。如果你不能与我分享,请让你认识的人尝试一下以前从未使用过该链接。如果不是太私密,请分享URL,我可以查看。另外,在HTTPS站点上运行Lighthouse测试以查找错误。安装时,图标上没有chrome徽标,即可正常安装。在Android和Chrome上。您可能只需要清除缓存并完全卸载和以前的测试。您是说如果站点具有ssl证书并使用https协议,在pwa图标上不再有chrome图标了?我的网站已经认证并使用https,仍然是谷歌chrome图标appears@chs242有墨汁可以分享到网站吗?我试试看它有什么用。安装的桌面上不应该有Chrome图标。如果你不能与我分享,请让你认识的人尝试一下,他以前从未使用过这个链接。