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

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


很可能是网络浏览器问题。你必须从浏览器中删除缓存,关闭浏览器并重新打开。这应该会解决问题。

我不相信你的收藏夹会被刷新,直到你重新访问该页面,并假设你之前已经清除了浏览器缓存。

您的网络浏览器不会自行上网查看新的收藏夹图标。。。谢天谢地。


根据浏览器的不同,它们的处理方式也有所不同,但通常我会发现会转到站点的默认页面,然后进行硬刷新。CTRL+F5(或在macOS上的¨Command+SHIFT+F5)通常会使其更新。


重命名favicon文件并使用新名称添加一个html标题,例如:

<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />

嗯,开销是开销,但是的,不会太大。

此外,浏览器有时对缓存文件“贪婪”。您可以清除缓存和/或重新启动浏览器,可能会看到更改。如果失败了。。。

我的廉价解决方案是:

访问您的文件:http://example.com/favicon.ico在浏览器中。从webroot中删除favicon.ico。参观http://example.com/favicon.ico再次在浏览器中,验证它是否丢失。将新文件上载到您的webroot。参观http://example.com/favicon.ico再次在浏览器中,验证它是新的。

如果这个顺序不起作用,那么其他事情正在发生。


当你从谷歌请求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:”标头,客户端浏览器将在该时间戳之后重新请求图标。在进行主动开发时,您可以在将来将过期时间戳设置为一两秒,并始终让它获取该时间戳,尽管这是一个糟糕的长期计划。


此外,请确保将完整图像URL而不仅仅是其相对路径:

http://www.example.com/images/favicon.ico

而不是:

images/favicon.ico

下面是我如何使用一个简单的动画favicon和FireFox3.6.13(测试版)来管理它的。它可能也适用于FireFox的其他版本,如果不适用,请告诉我。这基本上是artlung的解决方案,但也可以处理.gif文件:

我通过FTP程序打开,下载了我的favicon.ico和favicon.gif文件,然后从服务器的文件中删除它们。然后我按照artlung的建议在浏览器中打开了它们:http://mysite.com/favicon.ico以及http://mysite.com/favicon.gif一旦这些地址加载并显示404个错误页面(“页面未找到”)然后,我将两个文件上传回服务器,PRESTO-正确的图标立即显示出来。


根据下面鸟的回答,您可以执行以下操作:

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


如果您只是想调试它以确保它已更改,那么只需在/etc/hosts文件中添加一个虚拟条目并点击新的URL即可。这个收藏夹不会被缓存,你可以确保你的新收藏夹正常工作。

除了更改收藏夹图标的名称之外,您无法强制用户获取新副本


要刷新站点的收藏夹图标,您可以使用文件名上的链接标记和查询字符串强制浏览器下载新版本。这在生产环境中尤其有助于确保用户获得更新。

<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />

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

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

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


西蒙,我想其他答案到目前为止都没有被接受是有原因的。因此,我认为这可能是一个Grails问题,尤其是如果您使用的是“资源插件”。

如果你的插件提供了一个favicon(这是不合逻辑的,很多插件都提供了),那么它们可能会覆盖你想要使用的图标,因为你的插件本身就是这样的。

如果从所有插件中删除favicon临时解决了问题,那么您很可能会遇到这种情况:

http://jira.grails.org/browse/GPRESOURCES-134


对于Internet Explorer,还有另一种解决方案:

打开internet explorer。单击菜单>工具>internet选项。单击常规>临时internet文件>“设置”按钮。单击“查看文件”按钮。找到旧的favicon.ico文件并将其删除。重新启动浏览器(internet explorer)。


尝试在新选项卡中打开

我尝试了上面的许多方法(重置缓存、刷新、使用链接标记等),甚至检查了.htaccess文件并重置了ExpiresByType变量。

但这就是我在Chrome(25.0.x)和Safari(6.0.1)中的最终效果:

正在刷新缓存将收藏夹图标与<link>标签硬链接导航至mysite.com/favicon.ico在新选项卡中打开mysite.com

(直到第3步,在同一选项卡中刷新会继续再现旧图标。)


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

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


易于理解的

1:我不想摆弄代码(我的网站建设者不使用代码,它使用“上传文件”按钮,它自己做)

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

我有一个解决方案:

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

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


在Mac OS X上的Chrome中,可以使用favicon缓存删除文件

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 

如果您正在使用PHP。。那么你也可以使用这行。

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=<?php echo time() ?>" />

它将在每次加载页面时刷新您的收藏夹图标。


如果您使用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') ?>" />

在MAC上:⑪+Shift-R或按住Ctrl键并单击浏览器中的重新加载按钮。


这个答案还没有给出,所以我想我会把它贴出来。我在网上到处找,没有找到一个测试本地开发中的收藏夹的好答案。

在当前版本的chrome(OSX上)中,如果您执行以下操作,您将获得即时收藏夹刷新:

将鼠标悬停在选项卡上右键单击选择重新加载现在应该刷新您的收藏夹图标

这是我找到的在本地刷新收藏夹图标的最简单方法。


如果尽管应用了上述步骤,问题仍然存在:

尝试重新启动IIS服务器。


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。


通过销毁浏览器用来存储旧收藏夹图标的文件,您可以强制加载新收藏夹图标。

关闭浏览器。确保不再有浏览器进程在运行(例如,检查任务管理器中的chrome.exe或firefox.exe)。导航到浏览器存储用户文件的位置:对于Chrome,请转到Chrome数据目录。对于Firefox,请转到Firefox配置文件文件夹。删除收藏夹缓存。对于Chrome,删除Favicons和Favicons日志对于Firefox,删除favicons.sqlite

这几乎肯定会奏效。如果没有:

可能性1:浏览器的更新改变了收藏夹缓存的工作方式。请使用新说明编辑此答案。可能性2:你最喜欢的问题与过于激进的缓存无关。相反,这可能是一个资源加载问题——使用开发者工具,确保新的收藏夹图标下载正确。


它可能对少数人有用,但我也遇到了同样的问题,并发现它与文件渗透有关,所以我给了它777权限,它起了作用,当然,在您确定问题存在后,请确保将权限改回更安全的值。


对于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记录仅包含域名的解析。


这适用于Chrome:

在Mac上:删除文件${user.home}/库/应用程序支持/Google/Chrome/Default/Favicons在Windows上:删除文件C: \Users[用户名]\AppData\Local\Google\Chrome\User Data\Default\FaviconsC: \Users[用户名]\AppData\Local\Google\Chrome\User Data\Default\Favicons日志

来源


只需更改此文件名='favicon1.ico'


Chrome版本:68.0.3440.106

只需重新启动Chrome(在地址栏中):chrome://restart


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

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

<link rel=“icon”type=“image/x-icon”href=“abc.ico”>

或者,用favicon.ico重命名图标文件并将其替换到目录中。

重新启动服务器。硬刷新浏览器,您就可以开始了。


在文件路径末尾使用查询字符串。每个生成的查询字符串变量值必须不同。

如果以前的版本是:

<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" />


关闭所有Google Chrome窗口

补充一个我在这里看不到的答案。我尝试刷新我的谷歌Chrome缓存,重新加载标签,刷新标签,打开新标签,甚至打开一个新窗口。没有什么对我有用。最终对我有用的是关闭所有的谷歌Chrome窗口(如果你像我一样,你可能有3+个窗口和一堆标签,甚至可能在另一个桌面上有更多的窗口/标签,不要忘记这些!)。关闭所有窗口后,尝试打开一个新窗口并重新加载站点。

希望这对某人有所帮助!

额外提示:如果您想取回所有窗口,可以按“Ctrl+Shift+向上箭头+T”取回窗口和选项卡。