如何强制刷新收藏夹图标？

我有一个Grails应用程序使用它自己的tomcat在本地运行，我刚刚将favicon改成了一个新的。问题是我在任何浏览器中都看不到它。旧的收藏夹出现了，或者我根本没有收藏夹，但没有我的新收藏夹。我不认为这本身是圣杯的问题，更多的是收藏夹的问题。

favicon会发生什么？他们应该如何工作？我的浏览器中有许多书签，它们的图标错误，而且似乎永远不会被刷新。如何强制服务器/浏览器停止缓存它们？考虑到它们通常只有16x16，总是缓存它们似乎很愚蠢。为什么不在每次访问页面时都上传它们呢？这并不是一个巨大的开销。

当前回答

这是chrome bug的解决方法：将rel属性更改为样式表！但保留原始链接。就像一个魅力：

我提出了这个解决方案，因为我们还需要能够更新客户的站点/生产代码，我没有找到任何其他解决方案。

其他回答

请按照以下步骤更改应用程序图标：

在项目中添加.ico文件。转到angular.json，在“项目”->“架构师”->“构建”->“选项”->“资产”中，在这里输入图标文件。请参阅favicon.ico的现有条目，了解如何执行此操作。转到index.html并更新图标文件的路径。例如

或者，用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。

根据下面鸟的回答，您可以执行以下操作：

通过键入地址栏中的favicon url，直接转到它的地址。www.yoursite.com/favicon.icowww.yoursite.com/apple-touch-icon.png等按Enter键导航到url按Ctrl+F5刷新重新启动浏览器（如Chrome、Firefox）

易于理解的

1：我不想摆弄代码（我的网站建设者不使用代码，它使用“上传文件”按钮，它自己做）

2：我尝试了CTRL+F5，但它对我不起作用，所以。。。。

我有一个解决方案：

IE：通过转到设置cog O清除所有浏览器历史记录和cookie

Chrome：转到X下方右上角的菜单，看起来像一个=，然后转到设置、历史记录、清除浏览数据，并选中所有适用的框（我做了历史记录、cookie并从一开始就清空了标题）

我最近恢复了我的书签，并正在寻找一种方法来恢复FavIcons，而无需访问每个页面。我的搜索使我找到了这个线索。

对于那些处于类似情况的用户，只需下载FAVICON RELOADER插件即可。安装后，您将在BOOKMARKS下拉菜单中找到“重新加载收藏夹图标”命令。

https://addons.mozilla.org/en-US/firefox/addon/faviconreloader/?src=api

推荐文章