【问题标题】:PWA: Chrome for Android is caching the icon too aggressivelyPWA:Android 版 Chrome 缓存图标过于激进
【发布时间】:2018-10-09 09:46:42
【问题描述】:

我有一个有效的 PWA。 Lighthouse 显示 PWA 应该可以安装了,并且安装提示在 Chrome for Android 中显示。 PC 上的 Chrome DevTools 显示新图标。

我最近将应用的图标更改为我们营销部门提供的新图标。但是,安装提示仍然显示旧图标。所有网站图标都显示新图标,在 Safari 上也会显示新图标。

这是我尝试过的:

  • 在图标路径末尾添加了?v=123
  • 清除了 chrome 中的浏览器存储
  • 重启手机
  • 确保所有新图像都以与旧图像相同的分辨率提供

此示例图像的页脚显示了我正在谈论的提示:

【问题讨论】:

  • 基于此link,PWA 图标仅在安装方法为WebAPK 时更新。如果它是不受支持的平台上的旧版本 PWA,或者不符合 WebAPK 的 criteria,那么它将只是一个 Android 操作系统书签。您可以检查 Android 设置中的已安装应用列表(不是抽屉),如果您的 PWA 未在其中列出,则无法更新图像。
  • AFAIK 如果条件未全部满足,则不会显示提示。在我的情况下,会显示提示,并且可以安装该应用程序。即使重新安装,它也会显示在我的应用列表中,并带有旧图标。

标签: html google-chrome favicon progressive-web-apps


【解决方案1】:

这是一个老问题,但从昨天开始我就陷入了这样的困境。我描述的是我遵循并在我的案例中工作的顺序。

如果是Chrome在Android上使用PWA安装的App,尝试:

  1. 强制停止
  2. 清除缓存
  3. 清除数据
  4. 卸载
  5. 重新安装

为我工作。我知道这个问题是关于浏览器上下文的,但我希望这可以帮助某人。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-04-26
    • 1970-01-01
    • 2012-08-26
    • 2011-09-14
    • 1970-01-01
    • 1970-01-01
    • 2011-03-24
    相关资源
    最近更新 更多