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

Question

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

这是我的 list .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 尺寸的名称和图标，但没有任何反应。

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

我已阅读提示:图标可能会被缓存，因此在更新图标或其他图形时更改文件名可能会有所帮助。但等了24小时，图标到现在都没变。

Answer 1

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

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