用户添加到主屏幕后 PWA 更新图标答案

【问题标题】：PWA update icon after user add to homescreen用户添加到主屏幕后 PWA 更新图标
【发布时间】：2018-08-31 01:56:32
【问题描述】：

我想更改我的应用程序图标。我试过改了，但应用图标（已经添加到主屏幕或安装在应用抽屉上）没有改变。

这是我的 manifest.json

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
        "src": "react.png",
        "sizes": "144x144",
        "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

我更改了 144x144 大小的名称和图标，但没有任何反应。

用户添加到主屏幕后，我可以更改应用图标吗？

我读过Tip: Icons may be cached, so it may be helpful to change the filenames when updating icons or other graphics. 但是等待 24 小时，图标到现在都不会改变。

【问题讨论】：

您是否要更改主屏幕中已添加的图标？为什么不尝试卸载它并重新添加到主屏幕更新的应用程序，看看你的新图标是否生效？
@noogui 我知道图标已经生效。如果用户已经添加到他们的主屏幕并且我更改了图标，我将来想要什么。
我相信目前一旦安装完成。它不会查看清单来查看是否应该更新。所以，在上线之前选择一个你喜欢的图标。
您知道如何更新图标了吗？我不明白为什么这个问题被否决了:(我投了赞成票，因为这是我们想知道的。我希望谷歌更新文档如何更清楚地更新图标。

标签： reactjs progressive-web-apps

【解决方案1】：

仅当安装方法为 WebAPK 时才会更新 PWA 图标。如果它是旧版本的 PWA，在不受支持的平台上，或者不符合 WebAPK 的 criteria，那么它将只是一个 Android OS bookmark。浏览器不知道何时更新操作系统书签上的图标。

检查 Android 设置中的已安装应用列表（不是抽屉），如果您的 PWA 未在其中列出，则无法更新图像。

【讨论】：