我一直在测试移动Web应用程序使用网站图标。我想我在Android上遇到了缓存刷新问题。
我有两个网站图标图像用于测试,大.png(114x114)和小.png(32x32)。如果我制作测试页面:
<html>
<head>
<link rel="apple-touch-icon" href="./small.png" />
</head>
<body>
Test icon page
</body>
</html>
我现在可以使用"将书签添加到主屏幕"功能,并在主屏幕上创建网站的快捷方式。但是,如果我将图像更改为大.png并尝试将其添加到主屏幕,即使页面上没有引用它,也会使用小.png!
我认为这是一个缓存问题的原因是 1) 重新启动我的设备似乎可以纠正问题,2) 我回家了,第二天早上回来时,使用了正确的图标。但是,显式清除设备上的缓存不会刷新图标,导致我认为图标不是保留在那里,而是保存在其他缓存中。
有没有办法强制图标更新,无论是通过缓存标头还是设备操作?
我目前无法自己测试它,但我认为以下问题的答案可以解决您的问题。
如何强制图标刷新
所以就这样写吧:
<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=2" />