当使用 chromium 时，在我的 angularjs 应用程序中，当我点击任何链接时，所有我的favicon加载。
我的主HTML页面包含10行，如
<link rel="icon" type="image/png" href="favicons/favicon-57x57.png" sizes="57x57">
尺寸最高为192x192。这可能是错误的，因为它只是对我在某处找到的东西的改编＆＃34;。
然而，它并没有解释，为什么每次都会加载它们，是吗？所有链接只是在hashbang之后更改URL，并且通常根本不会导致服务器请求，除了获取10个favicon之外。
即使我做错了什么，favicon对整个网站来说都是全球性的，所以没有必要重新加载它，对吗？
稍微摆弄标题我可以使用200 OK或304 NOT MODIFIED或200 OK (from cache)中的任何一个来提供它们，但无论我做什么，它们都始终请求。
这在Firefox中不会发生。
答案 0 :(得分：1)
您所描述的内容是known issue of Chrome，与Chrome doesn't support the sizes attribute。
Firefox also used to be impacted，它仍然不支持sizes。但是，它不再加载所有图标。据我所知，这在任何地方都没有记载。这可能已被修复为副作用。
没有“解决方案”，但有一种解决方法：声明更少的图标。我建议你使用这个favicon generator。 generated images and HTML were designed with this issue in mind。{{3}}。例如，默认情况下它不会生成192x192 PNG图标，因为Android Chrome（专用的浏览器）主要使用Webb App清单。完全披露：我是这项服务的作者。