html - 如何找出浏览器实际使用的图标

Question

我有一个新网站，其中包含一组使用 Real Favicon Generator 从源文件自动生成的图标图像，并且有:

9 个苹果图标

1个安卓图标

3 个已命名的收藏夹

1 Safari 固定 SVG

1 json list

1 套 Microsoft 磁贴图像/颜色

显然，其中大部分都可以放置给各自的供应商——苹果、微软瓷砖等。

我在 Firefox 上运行网站时遇到一个问题，我希望它使用的图标改变，但我不知道它实际使用的是哪个？

我已阅读 this question但这里陈述的答案是不正确的

Firefox and Safari will use the favicon that comes last.

不再是真的。

显然，通过大约 15 张图像来查找在一个浏览器上发生更改的图像是一项耗时的重复，我实际上发现 Firefox 42 选择了 96x96 尺寸的图标，而不是最后一个显示的图标。

问题:

有没有办法(除了反复试验)加载一个页面，然后在浏览器中找到一个声明，定义 HTML 中的哪个图像 head在该浏览器中用作页面图标？

附加信息:

有一个不完整的引用列表 here .然而，这遗漏了各种版本和各种操作系统，我只能假设这些细节是从反复试验中发现的。

虽然 this 很有用，该问题的各种链接和解决方案为自动化过程提供了单个 URL 结果，例如

http://www.google.com/s2/favicons?domain=www.domain.com

在返回有效的收藏夹图标方面效果很好，但它不会返回我的浏览器在我测试时使用的收藏夹图标。

该问题的其他链接是类似的，大多数只返回一个 16x16 的图标，许多显然没有返回使用的图像。有些人可能没有返回使用的图像……有时很难区分 16x16px!

Answer 1

您可以使用 Compatibility test的 RealFaviconGenerator。测试会询问您看到的是哪个图标。但有一个转折点:测试并不是真正针对最终用户的，因此您必须右键单击与您看到的图标对应的图像，检查它，然后查看 alt img 的属性标签。但这将阻止您使用 20 多个图像来使它们与众不同。轻松多了!

完全披露:我是 RealFaviconGenerator 的作者。

注意:我会对您的调查感兴趣，以修复您提到的答案(我是他的作者)。