【问题标题】：How to find out which favicon a browser actually uses如何找出浏览器实际使用的网站图标
【发布时间】：2016-02-25 17:24:08
【问题描述】：

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

9 个苹果网站图标
1 Android 网站图标
3 个命名的网站图标
1 Safari 固定SVG
1 json 清单
1套微软平铺图片/颜色

显然，其中大部分都可以为各自的供应商放置 - Apple、Microsoft 磁贴等。

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

我已经阅读了this question，但这里给出的答案是不正确和

Firefox 和 Safari 将使用最后出现的图标。

不再正确。

显然，重复浏览大约 15 张图片以找到在一个浏览器上发生更改的图片是一项耗时的重复操作，而且我实际上发现 Firefox 42 选择了 96x96 尺寸的图标，而不是最后一个呈现的图标。

问题：

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

附加信息：

参考列表不完整here。但是，这遗漏了各种版本和各种操作系统，我只能假设这些细节是通过反复试验找到的。

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

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

这可以很好地返回一个有效的网站图标，但它不会返回我的浏览器在测试时使用的网站图标。

该问题的其他链接类似，大多数仅返回 16x16 图标，许多显然没有返回使用的图像。有些可能没有返回使用的图像......有时很难区分 16x16px！

【问题讨论】：

Get website's favicon with JS的可能重复
@AGE 引用的页面很有用，但该问题倾向于获取单个 favicon 结果，而不是基于用于读取页面的浏览器。（例如，使用似乎最有用的 google 链接，它始终返回与我的浏览器中实际显示的不同的图标）。
扩展此功能以查看多个网站图标是否可行？我个人不熟悉这样做，但最坏的情况（如果一切都失败了）你可以跳到chat.stackoverflow.com 并四处询问。
@AGE 我的意思是返回的网站图标地址都是由自动化过程收集的，就像我上面编辑的问题一样 - 但自动化过程不会给出与我的浏览器相同的结果。我的问题更针对浏览器。

标签： html firefox browser favicon

【解决方案1】：

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

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

注意：我会对您的调查感兴趣，以解决您提到的答案（我是他的作者）。

【讨论】：

出于一般的帮助和好奇，我确实使用了网站图标兼容性测试器——Firefox 在我的系统（Windows 7，FF 42.0）上使用的图标是 96x96 PNG，尽管我通过反复试验发现了这一点在进行兼容性测试之前。我认为我唯一的解决方案是要求将此功能作为 Firefox 的升级或附加插件来显示来自 Firefox 元的网站图标数据。干杯
@Martin 有趣。我在 Win 10 + FF 42.0 上获得了 32x32 PNG 图标。我正在编辑另一个问题中的答案以反映这一点。
这真的很有趣.....我想知道他们为什么要为更高版本的 Windows 缩小尺寸？哈哈，也许它在 Windows 8 上是 64x64 大小的？
我很确定这纯粹是运气。 FF 没有实现size 属性，所以选择可能是由于一些奇怪的副作用。
这是一种能够查看已定义选择的功能非常有用。唉，我没有签署任何我可以将其作为未来版本或插件工作的问题。 . . .然而。还有哪个是“其他”问题？ :)

【解决方案2】：

使用 Firefox 和 Chromium 中提供的 Inspect Element 或仅 Inspect 工具。 Network 选项卡显示所有与重新加载相关的 http 操作。当页面重新加载时，按“favicon”过滤最有可能查看正确的操作。

浏览器下载图像这一事实强烈暗示了所显示的内容。然而，怀疑可能会持续存在，例如.ICO 的哪一部分。不幸的是，选项卡是一个计算元素，在（计算的）页面源中不可见。

在 Firefox 上，iconuri 在导出书签的 json 代码中可见。

【讨论】：