我有一个Grails应用程序使用它自己的tomcat在本地运行，我刚刚将favicon改成了一个新的。问题是我在任何浏览器中都看不到它。旧的收藏夹出现了，或者我根本没有收藏夹，但没有我的新收藏夹。我不认为这本身是圣杯的问题，更多的是收藏夹的问题。
favicon会发生什么？他们应该如何工作？我的浏览器中有许多书签，它们的图标错误，而且似乎永远不会被刷新。如何强制服务器/浏览器停止缓存它们？考虑到它们通常只有16x16，总是缓存它们似乎很愚蠢。为什么不在每次访问页面时都上传它们呢？这并不是一个巨大的开销。
当前回答
如果您使用PHP，也可以使用favicon的MD5哈希作为查询字符串：
<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />
这样，Favicon在更改后将始终刷新。
正如评论中所指出的，您还可以使用上次修改的日期而不是MD5哈希来实现相同的目的，并在服务器性能上节省一点时间：
<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />
其他回答
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。
请按照以下步骤更改应用程序图标：
在项目中添加.ico文件。转到angular.json，在“项目”->“架构师”->“构建”->“选项”->“资产”中，在这里输入图标文件。请参阅favicon.ico的现有条目，了解如何执行此操作。转到index.html并更新图标文件的路径。例如
<link rel=“icon”type=“image/x-icon”href=“abc.ico”>
或者，用favicon.ico重命名图标文件并将其替换到目录中。
重新启动服务器。硬刷新浏览器，您就可以开始了。
根据浏览器的不同，它们的处理方式也有所不同，但通常我会发现会转到站点的默认页面，然后进行硬刷新。CTRL+F5（或在macOS上的¨Command+SHIFT+F5）通常会使其更新。
重命名favicon文件并使用新名称添加一个html标题，例如：
<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />
通过销毁浏览器用来存储旧收藏夹图标的文件，您可以强制加载新收藏夹图标。
关闭浏览器。确保不再有浏览器进程在运行（例如，检查任务管理器中的chrome.exe或firefox.exe）。导航到浏览器存储用户文件的位置：对于Chrome，请转到Chrome数据目录。对于Firefox，请转到Firefox配置文件文件夹。删除收藏夹缓存。对于Chrome，删除Favicons和Favicons日志对于Firefox，删除favicons.sqlite
这几乎肯定会奏效。如果没有：
可能性1：浏览器的更新改变了收藏夹缓存的工作方式。请使用新说明编辑此答案。可能性2：你最喜欢的问题与过于激进的缓存无关。相反，这可能是一个资源加载问题——使用开发者工具，确保新的收藏夹图标下载正确。
