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

Question

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

这是我的 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 小时，图标直到现在才改变。

Answer 1

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

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