如何强制刷新网站图标?

How do I force a favicon refresh?

提问人:Simon 提问时间:2/6/2010 最后编辑:Nic3500Simon 更新时间:11/19/2023 访问量:824166

问:

我有一个 Grails 应用程序使用它自己的 tomcat 在本地运行,我刚刚将图标更改为新的图标。问题是我无法在任何浏览器中看到它。旧的图标出现了,或者我根本没有收到图标,但不是我的新图标。我不认为这本身是 Grails 的问题,而是网站图标的问题。

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

网站图标

评论

15赞 Mörre 1/17/2015
被接受和高度赞成的解决方案并不是真正的解决方案。刷新不起作用的实际原因可以在这个问题的解决方案中找到: stackoverflow.com/questions/8616016/... ---图标缓存位于 sqlite DB 文件中,独立于浏览器缓存!
10赞 Miroslav Saracevic 11/12/2015
被接受和高度推荐的解决方案是生产解决方案,或者我应该为用户编写教程,当我们为生产更新网站图标时,如何清除他们的网站图标缓存?
2赞 Sebastian 10/13/2016
不是通用解决方案。如果您在不接触代码的情况下使用网站图标默认位置怎么办?也就是说,文档根目录中的文件。favicon.ico
10赞 sudo bangbang 8/17/2018
xkcd.com/1854
0赞 thephpdev 3/8/2022
如果有人想知道:Chromium 决定不修复这个问题,而是要求删除相关的历史记录条目和书签:bugs.chromium.org/p/chromium/issues/detail?id=440322

答:

10赞 Senica Gonzalez 2/6/2010 #1

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

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

您的网络浏览器不会自行上网检查新的图标......谢天谢地。

评论

4赞 Simon 2/6/2010
“您的网络浏览器不会自行上网检查新的图标......谢天谢地。为什么不呢?为什么不在页面加载时刷新它呢?这是一张2k的图像,是花生。它永远不会过时。从宏观的角度来看,整个缓存的想法是愚蠢的。
5赞 artlung 2/6/2010
developer.yahoo.com/performance/rules.html 提到了与下载网站图标相关的问题.ico您可能没有想到这些问题。到处都是很好的建议。缓存是一种有价值的工具,可确保您的网站尽可能快地运行。缓存对于使您的浏览器感觉尽可能快也很有用。
7赞 Ed DeGagne 3/8/2013
@Simon,缓存是愚蠢的?!?我希望您的客户自 2010 年以来已经了解了更好的 Web 开发的重要性。“愚蠢”的是,不要缓存并向服务器发出不必要的请求,以处理一个很少(如果有的话)更改的静态文件。
19赞 Mitchel Sellers 2/6/2010 #2

根据浏览器的不同,它们的处理方式也不同,但通常我发现转到站点的默认页面并进行硬刷新。 +(或 macOS 上的 + +),通常会让它更新。CTRLF5⌘ CommandSHIFTF5

60赞 Klaus Byskov Pedersen 2/6/2010 #3

重命名网站图标文件,并在 HTML head 元素中添加具有新名称的链接,例如:

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

评论

4赞 Bojan Kogoj 8/19/2011
我假设浏览器可以看到网站图标名称是否相同。如果是,它不会再次请求下载,而是使用已经缓存的下载,但是如果您更改名称,它将假定它已更改,因此从服务器请求它。
0赞 tienbuiDE 11/21/2013
我在使用 IE8 时遇到了问题。它没有使用放置在子文件夹中的 favicon.ico。添加 rel-attribute 'shortcut' 修复了它。
3赞 Zac 2/5/2016
这根本不令人耳目一新,它完全将其更改为新的。
0赞 Rahil Ahmad 1/17/2018
请注意,您还必须重命名实际的 favicon.ico(它将位于您的构建文件夹或提供 Web 应用程序的目录中)
17赞 artlung 2/6/2010 #4

好吧,开销就是开销,但是的,不是太大。

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

我的便宜解决方案是:

  1. 在浏览器中 http://example.com/favicon.ico 访问您的文件。
  2. 从您的网络根中删除 favicon.ico。
  3. 在浏览器中再次访问 http://example.com/favicon.ico,验证它是否丢失。
  4. 将新的上传到您的 webroot。
  5. 在浏览器中再次访问 http://example.com/favicon.ico,验证它是否是新的。

如果这个序列不起作用,那么就会发生其他事情。

评论

10赞 talentedmrjones 9/20/2012
这对我有用,但遗憾的是,我们不能要求每个访客都这样做。
7赞 Dean J 2/6/2010 #5

当您向 Google 请求网站图标时,您可以查看响应标头。

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

评论

2赞 ANeves 4/24/2012
它也只能先发制人地工作,这违背了问题的目的。
0赞 Amr Elgarhy 3/6/2010 #6

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

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

而不是:

images/favicon.ico

评论

4赞 ANeves 4/24/2012
/images/favicon.ico是正确的方法:它“适用于”不同的环境(开发/测试/生产),并且是一个绝对路径 - 来自文档基 URL。
0赞 eug 4/24/2013
不幸的是,您需要 IE7 (&IE8?) 的完全限定 URL - 请参阅 jeffcode.blogspot.com.au/2007/12/...
3赞 Zac 2/5/2016
这不是真正的答案,这是一个评论。
0赞 lineofbirds 2/10/2011 #7

这是我如何使用简单的动画图标和 FireFox 3.6.13(测试版)管理它,它可能也适用于其他版本的 FireFox,如果没有,请告诉我。 它基本上是artlung的解决方案,但也处理了.gif文件:

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

评论

1赞 lineofbirds 2/10/2011
哦 - 顺便说一句,为了让新的书签显示出来,我还必须删除我保存的书签 - 同样的过程也适用于 Google Chrome。
876赞 alex 3/9/2011 #8

改编自 lineofbird 的答案,您可以执行以下操作:

  1. 通过输入地址栏中的网站图标网址,直接转到其地址,例如

    • www.yoursite.com/favicon.ico
    • www.yoursite.com/apple-touch-icon.png
    • 等。
  2. 按 导航到 urlEnter

  3. 刷新方式Ctrl+F5

  4. 重新启动浏览器(例如Chrome、Firefox)

评论

15赞 Demircan Celebi 10/2/2014
使用此方法可能会克服缓存,但现有用户无法克服。因此,我发现另一个答案更有价值。
3赞 Brent Waggoner 11/11/2014
值得注意的是,这在 Firefox 33 中不起作用。第一个答案是更好的选择。
1赞 tehwalris 10/8/2015
我不得不关闭开发工具才能在 Chrome 中完成这项工作。
1赞 mejdev 3/23/2016
我不必重新启动浏览器,但我确实必须在没有打开 devtools 的情况下在选项卡中导航到我的网站。出于某种原因,在非 devtools 选项卡中按 Ctrl+F5 键做到了。我可以按 Ctrl+F5 键,在互联网上浏览,并在 devtools 选项卡中随心所欲地返回我的站点,它永远不会更新图标。
3赞 b264 2/15/2017
“重新启动浏览器”部分是唯一真正使它为我工作的东西。所有其他修复程序在理论上都有效,但实际上并没有更改浏览器选项卡上显示的图标像素。 +1 这个答案
3赞 cpjolicoeur 4/4/2011 #9

如果您只是对调试它以确保它已更改感兴趣,则只需在 /etc/hosts 文件中添加一个虚拟条目并点击新 URL。该图标不会被缓存,您可以确保新的图标正在工作。

除了更改网站图标的名称外,您无法强制用户获取新副本

2232赞 Mark 8/19/2011 #10

要刷新您网站的网站图标,您可以使用链接标签和文件名上的查询字符串强制浏览器下载新版本。
这在生产环境中特别有用,可以确保用户获得更新。

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

评论

39赞 Wertisdk 3/26/2012
这对我来说很有帮助。我不得不从我的代码中删除,这与许多来源相反。我为查询部分使用了文件修改的时间戳。type="image/x-icon"v?=2
10赞 pathfinder 3/22/2013
我发现在某些浏览器中,除非我删除历史记录,否则网站图标无论如何都不会更新。然后它将保存新的网站图标。
6赞 eug 4/24/2013
不幸的是,您需要 IE7 (&IE8?) 的完全限定的绝对 URL - 请参阅 jeffcode.blogspot.com.au/2007/12/...
5赞 Dave Sumter 8/18/2013
同意上述评论,但这适用于我的所有当前浏览器:<link rel=“shortcut icon” href=“/favicon.ico?v=2” />
44赞 Flat Cat 12/12/2015
缓存网站图标是有意义的,因为它们有时会推送 2-3 KB 的大小。您不想继续传输所有这些数据。(是的,讽刺)
4赞 bgc 12/1/2011 #11

我最近恢复了我的书签,并正在寻找一种在不访问每个页面的情况下恢复 FavIcons 的方法。我的搜索将我带到了这个线程。

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

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

评论

0赞 rubo77 12/11/2014
它又回到了那里进行安装,并且看起来很有前途(您会在书签菜单中找到附加组件),但它也没有在没有重新启动的情况下在我的 firefox 34(在 linux 上)上重新加载图标
-3赞 user569825 1/5/2012 #12

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

如果你的插件提供了一个网站图标(不合逻辑地,很多人都这样做),它们可能会覆盖你想要使用的图标——因为你的插件本身就在插件中。

如果从所有插件中删除网站图标可以暂时解决问题,那么您很可能会遇到以下情况:

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

10赞 nam 11/25/2012 #13

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

  1. 打开 Internet Explorer。
  2. 单击菜单>工具>互联网选项。
  3. 单击“设置”按钮>常规>临时Internet文件。
  4. 单击“查看文件”按钮。
  5. 找到旧的 favicon.ico 文件并将其删除。
  6. 重新启动浏览器(Internet Explorer)。
8赞 Old McStopher 3/11/2013 #14

尝试在新标签页中打开

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

但这就是最终在 Chrome (25.0.x) 和 Safari (6.0.1) 中对我有用的东西:

  1. 刷新缓存
  2. 将图标与标签硬链接<link>
  3. 导航到mysite.com/favicon.ico
  4. 在新标签页中打开mysite.com

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

2赞 user1427015 4/3/2013 #15

这是 chrome 错误的解决方法:将 rel 属性更改为样式表!不过,请保留原始链接。像魅力一样工作:

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

评论

1赞 Crystal Miller 10/30/2015
我在这里尝试了所有建议(编码)解决方案,这是唯一对我有用的解决方案。你知道为什么吗?
0赞 Paul WWJD 10/30/2020
真的“像个魅力”。而且是最简单的方法。
1赞 Robert 5/31/2013 #16

简单

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

2:我尝试了+,但它对我不起作用,所以....CTRLF5

我有一个解决方案:

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

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

评论

4赞 Mark Chorley 5/31/2013
该问题与如何缓存网站图标有关。清除本地缓存将为您解决问题,但不能为其他任何人解决问题。
0赞 MrUpsidown 2/20/2017
@MarkChorley这正是最初的问题。在本地开发环境中缓存网站图标。
35赞 Maxim Mazin 10/25/2013 #17

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

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

评论

1赞 tsaulic 6/26/2014
这个解决方案对我有用。出于某种原因,它并没有用上述方法刷新网站图标,获得更多的选票。谢谢你,马克西姆·马津。我只想摆脱一个我知道在我的新主机上不再存在的旧图标。
2赞 skomisa 9/15/2015
这种方法在 Windows 上也适用于我,我已经从我的应用程序中删除了图标,但 chrome 仍在显示它。关闭 Chrome,删除“C:\Users\{user}\AppData\Local\Google\Chrome\User Data\Default\Favicons”,然后重新启动 Chome。旧的不需要的图标不见了。
2赞 mdahlman 4/8/2017
我在“默认”下什么都没有,但最终我发现了这个变化:${user.home}/Library/Application Support/Google/Chrome/Profile 1/Favicons
0赞 PrimeTimeTran 12/19/2017
@mdahlman 在尝试了所有其他方法后,这最初对我不起作用。但是,我在 chrome 之后让这个工作,转到菜单栏,再次强制退出 chrome 并等待 2 分钟以打开浏览器并导航回我的网站。cmd+q
4赞 Shakeel Ahmed 1/27/2014 #18

如果您使用的是 PHP ..那么你也可以使用这条线。

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

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

评论

2赞 machineaddict 7/18/2014
这就是“它会在每次页面加载时刷新您的图标”的问题。缓存怎么样?图标应该被缓存。
0赞 Shakeel Ahmed 7/19/2014
如果你想缓存你的新网站图标..只需提供任何新值,例如..<link rel=“快捷方式图标” href=“yoursite.com/favicon.ico?v=12345">
2赞 Sven van den Boogaart 12/28/2014
favicon.ico?v=<?php echo md5_file('favicon.ico') 正如 Felix Wienberg @machineaddict 所建议的那样
2赞 NickG 3/12/2015
这不是解决此问题的好方法。使用 time() 将强制它每次都重新加载图标。您需要 favicon.ico 文件的上次修改时间,而不是当前的挂钟时间。
0赞 SwiftNinjaPro 2/28/2020
如果四舍五入到最近的 24 小时或最近的 30 天怎么办?每月缓存重置可能很有用
60赞 Felix Wienberg 6/11/2014 #19

如果您使用 PHP,您还可以使用图标的 MD5-Hash 作为查询字符串:

<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />

这样,网站图标在更改时将始终刷新。

正如评论中指出的,您还可以使用上次修改日期而不是 MD5-Hash 来实现相同的目的并节省一些服务器性能:

<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />

评论

2赞 Sven van den Boogaart 12/28/2014
很好,这避免了每次更新网站图标时都需要更改 href,这个答案应该有更多的票数!
47赞 Diego Jancic 1/9/2015
这个答案的问题在于,您正在计算每个请求的哈希值,这是不必要的,并且可能会损害网站性能(如果用户很多)。
1赞 Philippe Gilbert 2/4/2015
从这两种意义上说,这都没什么大不了的......一个图标只有几千字节......我的意思是,对服务器的压力不会比每次都必须服务器网站图标小......
17赞 NickG 3/12/2015
我仍然看不出有任何真正的理由来计算 MD5。使用文件的上次修改日期更容易,也同样有效。我认为使用 MD5 与上次修改的邮票相比没有任何优势。
9赞 zeros-and-ones 7/15/2016
你真正多久更新一次你的网站图标?这似乎有点矫枉过正。只需在创建新图标时使用手动查询字符串即可。
17赞 badmadrad 7/9/2014 #20

在 MAC 上:+ - 或按住并单击浏览器中的重新加载按钮。ShiftRCtrl

评论

2赞 Shammoo 7/27/2018
这不会强制重新加载网站图标。
1赞 rgareth 1/14/2019
这确实重新加载了我的图标/解决了问题
0赞 uneet7 11/3/2019
适用于 ubuntu 16.04
265赞 Garry Polley 9/24/2014 #21

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

  1. 将鼠标悬停在标签上
  2. 单击鼠标右键
  3. 选择重新加载
  4. 您的网站图标现在应该已刷新

这是我发现的在本地刷新网站图标的最简单方法。

评论

1赞 Christopher King 1/15/2015
不幸的是,这在 IE 甚至 Windows 上的 Chrome 中都不起作用,因此除非您只在 OSX 上使用 Chrome,否则您似乎应该选择公认的答案。
3赞 Seno 10/19/2016
适用于带有Chrome 53.0.2785.143(64位)的OS X Sierra
1赞 R Brill 6/23/2017
对我有用: Chrome 58.0.3029.110、Windows 10、localhost
1赞 MÇT 1/6/2018
适用于 Chrome 63.0.3239.84 Windows 10!
5赞 cephei_vv 7/23/2018
适用于 OSX 上的 Chrome 67.0。奇怪的是它不起作用CMD+Shift+R
0赞 Murat Yıldız 3/12/2015 #22

如果应用了上述某些步骤后问题仍然存在:

尝试重新启动 IIS 服务器

7赞 Stuart P. Bentley 6/5/2015 #23

Chrome 的图标支持有问题 - 忽略这个答案

我写这个答案的印象是,这就是在 Google Chrome 中刷新网站图标所需要的。然而,事实证明,这只能在前五分钟左右起作用,直到图标在 Chrome 的历史记录同步中不可挽回地丢失

原始答案

您不必清除缓存、重新启动浏览器重写 HTML - 您只需要更改图标的 URL 一次,这样浏览器就会忘记以前缓存的图标。

假设您已经通过页面中的元素定义了图标,您可以通过在控制台中运行此标准 JS 单行代码来做到这一点:<link><head>

[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});

有关可以在生产环境中自动为最终用户执行此操作的更高级实现,请参阅 freshicon.js

评论

0赞 Paul S. 7/21/2017
如果您尝试删除您无法控制的服务器上的缓存图标,这实际上很有用,该图标现在丢失/返回非 200 http 代码。与其附加,不如将整个 URL 换成您选择的图标,它似乎在刷新后仍然存在?v=2
65赞 konzo 9/28/2015 #24

通过销毁浏览器用于存储旧网站图标的文件,您可以强制加载新网站图标。

  1. 关闭浏览器。确保不再有浏览器进程在运行(例如,检查任务管理器中的 或 )。chrome.exefirefox.exe
  2. 导航到浏览器存储用户文件的位置:
  3. 删除网站图标缓存。
    • 对于 Chrome,请删除和FaviconsFavicons-journal
    • 对于 Firefox,删除favicons.sqlite

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

  • 可能性 1:浏览器的更新改变了网站图标缓存的工作方式。请使用新说明编辑此答案。
  • 可能性 2:你的图标问题与过度激进的缓存无关。相反,这可能是一个资源加载问题 - 使用开发人员工具,确保新的图标正确下载。

评论

0赞 klewis 5/4/2016
这成功了。对我来说,这是一个 Google Chrome 应用程序图标问题。不是 DOM 图标问题。
2赞 Dovev Hefetz 1/5/2017
这是一个很好的答案,满足了我的测试需求。这个问题没有一个真正的答案,因为它取决于谁需要刷新它,以及他们愿意和能够合理地做什么。
2赞 josemmo 8/13/2017
只是一点点改进:任何用户名的相同路径是%appData%/../Local/Google/Chrome/User Data/Default
5赞 felwithe 11/2/2017
Chrome 中更简单的解决方案是右键单击并选择“检查”(或 CTRL+SHIFT+I),然后单击并按住刷新按钮。将出现一个菜单,其中包含“刷新”、“硬重载”或“清空缓存和硬重载”选项。通常硬重载会这样做,但如果它由于某种原因顽固,清空缓存和硬重载肯定会这样做。
1赞 Arnold Schrijver 9/12/2018
在 Linux 上,您可以在以下位置找到这些文件:~/.config/google-chrome/Default
-5赞 jack_the_beast 6/30/2016 #25

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

评论

3赞 chukko 9/15/2016
777 是一个糟糕的解决方案。向每个人授予写入权限是极其糟糕的做法。
8赞 MrUpsidown 1/31/2017 #26

对于 macOS 上的 Chrome,如果您不想按照此处的建议删除整个 Chrome 网站图标数据库,则可以仅删除冲突的图标:

  1. 退出 Chrome
  2. 加载 favicons 数据库(在此处使用 sqlite):

sqlite3 ~/Library/Application\ Support/Google/Chrome/Default/Favicons

  1. 搜索导致问题的文件

select * from favicons where url = 'http://mysite.dev/favicon.ico';

  1. 如果您对输出感到满意:

delete from favicons where url = 'http://mysite.dev/favicon.ico';


或者,您可以搜索可以重用的模式来删除多个条目:


  1. 搜索导致问题的多个文件

select * from favicons where url like 'http://mysite.dev%';

  1. 再说一次,如果你对这个结果感到满意:

delete from favicons where url like 'http://mysite.dev%';


  1. 键入并按 return 退出 sqlite.exit
  2. 重新启动 Chrome
1赞 rockmo 6/2/2017 #27

我知道这是一个非常古老的问题,但它也是一个仍然相关的问题,尽管现在只适用于mozilla。(我不知道浏览器是做什么的,因为我们不为非标准浏览器编码)。

如果 Chrome 在标题中包含图标标签,则表现良好。

尽管mozilla很清楚这个问题,但像往常一样,他们从不解决烦人的小问题。甚至 6 年后。

因此,有两种方法可以强制使用firefox刷新图标。

  1. 让所有客户端卸载 firefox。然后重新安装。

  2. 在 url 栏中手动输入域 - 不要使用 http 或 www 只是域 (mydomain.com)。

当然,这假设您的 ns 记录仅包括域名的解析。

2赞 Nikolai Koudelia 5/31/2018 #28

这适用于 Chrome:

  • 在 Mac 上:删除文件

    ${user.home}/资源库/Application Support/Google/Chrome/Default/Favicons

  • 在 Windows 上:删除文件

    C:\Users[用户名]\AppData\Local\Google\Chrome\User Data\Default\Favicons C:\Users[用户名]\AppData\Local\Google\Chrome\User Data\Default\Favicons-journal

1赞 Armin Alibasic 7/24/2018 #29

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

8赞 Pascal 9/2/2018 #30

Chrome 版本:68.0.3440.106

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

-3赞 Rut Shah 1/21/2019 #31

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

  1. 在项目中添加 .ico 文件。
  2. 转到angular.json,然后在“projects”->“architect”->“build”->“options”->“assets”中,在这里为您的图标文件创建一个条目。请参阅 favicon.ico 的现有条目以了解如何操作。
  3. 转到 index.html 并更新图标文件的路径。例如

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

或者,使用 favicon.ico 重命名您的图标文件,并在目录中替换它。

  1. 重新启动服务器。
  2. 硬刷新浏览器,你就可以开始了。
0赞 Muhammad Bilal 2/19/2022 #32

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

如果以前的版本是:

<link rel="icon" href="http://example.com/favicon.ico?v=v1" />

<link rel="icon" href="http://example.com/favicon.ico?v=stringA" />

那么下一个版本应该是:

<link rel="icon" href="http://example.com/favicon.ico?v=v2" />

<link rel="icon" href="http://example.com/favicon.ico?v=stringB" />

1赞 tlochner95 2/4/2023 #33

关闭所有 Google Chrome 窗口

再添加一个我在这里没有看到的答案。我尝试刷新我的 Google Chrome 缓存、重新加载标签页、刷新标签页、在新标签页中打开,甚至打开一个新窗口。没有什么对我有用。最终对我有用的是关闭所有 Google Chrome 窗口(如果你像我一样,你可能有 3+ 个带有一堆选项卡的窗口,甚至可能在另一个桌面上有更多的窗口/选项卡,不要忘记这些!关闭所有窗口后,请尝试打开一个全新的窗口并重新加载您的网站。

希望这对某人有所帮助!

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

0赞 Kaylee Calderolla 7/8/2023 #34

使用“开发”菜单中的“清空缓存”是在 Safari 17 上唯一对我有用的东西。

0赞 Mundi 11/19/2023 #35

MacOS 上的 SafariSafari 浏览器 17.1

除了这样做之外,没有一个报价解决方案对我有用:

  • 在 Safari 偏好设置中启用开发者菜单
  • 选择“清空缓存”
  • 重新启动浏览器