iphone - 一旦将 webapp 添加到主屏幕，是否可以强制 iphone/ipod 更新 apple-touch-icon？

Question

我已经使用所有推荐的 safari 链接和元标记创建了一个 webapp，例如。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-startup-image" href="/startup.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> 
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-ipad.png" /> 
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-iphone4.png" />

但是，我的问题是，如果 startup.png 或任何 apple-touch-icon 图像文件在网络服务器上更新，用户的 iphone 或 ipod 似乎不会在更新后检索更新的文件保存到他们的主屏幕(我猜它以某种方式缓存)。它可以从主屏幕上删除 webapp 并重新添加它。但是有没有办法让应用程序知道它需要刷新这些图像而不需要用户删除并重新添加它？

Answer 1

自提出/回答这个问题以来已经有几年了，我在这里报告说现在这是可能的!

在较新的 iOS 版本中，显示在主屏幕上的 Apple Touch 图标就像网站上的任何其他内容一样被缓存。通过简单地更改图像的名称，它将强制主屏幕快捷方式在下次启动快捷方式时刷新图标。

但是，为了与 Apple 的命名约定保持一致，只要您希望重新下载图标并继续调用图像 apple-touch-icon.png，您可以简单地将 URL 变量附加到引用中>.

为了自动处理此问题(在 PHP 中)，我所做的是将最后修改日期/时间附加到图像。例如:

<link rel="apple-touch-icon" href="apple-touch-icon.png?m=<?php echo filemtime('apple-touch-icon.png'); ?>" />

这个输出:

<link rel="apple-touch-icon" href="apple-touch-icon.png?m=1415832495" />

现在，您无需执行任何操作，只需直接覆盖图像，其他一切都会自动发生。当您更改图像时，修改后的时间会发生变化并且不再与用户缓存中的内容匹配，因此它会强制进行新的下载。很简单!

---

旧答案:我对此进行了大量研究，试图找到一种方法。不幸的是，这是不可能的。需要将其删除并重新添加到主屏幕才能使用新图标。