我有一个Grails应用程序使用它自己的tomcat在本地运行,我刚刚将favicon改成了一个新的。问题是我在任何浏览器中都看不到它。旧的收藏夹出现了,或者我根本没有收藏夹,但没有我的新收藏夹。我不认为这本身是圣杯的问题,更多的是收藏夹的问题。
favicon会发生什么?他们应该如何工作?我的浏览器中有许多书签,它们的图标错误,而且似乎永远不会被刷新。如何强制服务器/浏览器停止缓存它们?考虑到它们通常只有16x16,总是缓存它们似乎很愚蠢。为什么不在每次访问页面时都上传它们呢?这并不是一个巨大的开销。
当你从谷歌请求favicon时,你可以查看响应标题。
Last-Modified: Fri, 09 Jan 2009 16:35:02 GMT
Date: Thu, 01 Dec 2010 00:00:01 GMT
Expires: Fri, 01 Dec 2011 00:00:01 GMT
Cache-Control: public, max-age=31536000
Age: 7
如果在响应上放置“Expires:”标头,客户端浏览器将在该时间戳之后重新请求图标。在进行主动开发时,您可以在将来将过期时间戳设置为一两秒,并始终让它获取该时间戳,尽管这是一个糟糕的长期计划。
Chrome的收藏夹支持有问题-忽略这个答案
我写下这个答案的印象是,这就是刷新谷歌Chrome中的收藏夹所需要的。然而,事实证明,这只在前五分钟左右有效,直到图标在Chrome的历史同步中无可挽回地丢失。
原答覆
您不必清除缓存、重新启动浏览器或重写HTML,只需更改图标的URL一次,这样浏览器就会忘记以前缓存的图标。
假设您已经通过页面的<head>中的<link>元素定义了图标,那么您可以通过在控制台中运行这个标准的JS单行程序来实现这一点:
[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});
有关可以为生产中的最终用户自动执行此操作的更高级实现,请参阅freshicon.js。
对于macOS上的Chrome,如果你不想像这里已经建议的那样删除整个Chrome favicon数据库,你可以只删除冲突的图标:
退出Chrome加载favicons数据库(此处使用sqlite):
sqlite3~/Library/Application\Support/Google/Chrome/Default/Favicons
搜索导致问题的文件
从收藏夹中选择*,其中url='http://mysite.dev/favicon.ico';
如果您对输出满意:
从收藏夹中删除url='http://mysite.dev/favicon.ico';
或者,您可以搜索可以重复使用以删除多个条目的模式:
搜索导致问题的多个文件
从url喜欢的收藏夹中选择*http://mysite.dev%';
同样,如果你对这样的回报感到满意:
从url类似的收藏夹中删除'http://mysite.dev%';
键入.ext并单击return退出sqlite重新启动Chrome
我知道这是一个非常古老的问题,但也是一个仍然相关的问题,尽管现在只适用于mozilla。(我不知道浏览器做什么,因为我们不为非标准浏览器编写代码)。
如果在标题中包含图标标记,则Chrome表现良好。
尽管mozilla很清楚这一问题,但像往常一样,他们从不解决令人讨厌的小问题。甚至在6年后。
因此,有两种方法可以使用firefox强制图标刷新。
让所有客户端卸载firefox。然后重新安装。在url栏中手动键入域-不要使用http或www只有域(mydomain.com)。
当然,这假设您的ns记录仅包含域名的解析。
在文件路径末尾使用查询字符串。每个生成的查询字符串变量值必须不同。
如果以前的版本是:
<link rel=“icon”href=“http://example.com/favicon.ico?v=v1" />
OR
<link rel=“icon”href=“http://example.com/favicon.ico?v=stringA" />
那么下一个构建应该是:
<link rel=“icon”href=“http://example.com/favicon.ico?v=v2" />
OR
<link rel=“icon”href=“http://example.com/favicon.ico?v=stringB" />