我有一个新网站,其中包含使用源文件自动生成的一组图标图像真实网站图标生成器 http://realfavicongenerator.net/,并且有:
- 9 个苹果图标
- 1 Android 图标
- 3 个命名图标
- 1 Safari 固定
SVG
- 1
json
显现
- 1 套 Microsoft 磁贴图像/颜色
显然,其中大部分都可以为其各自的供应商放置 - Apple、Microsoft 磁贴等。
我在 Firefox 上运行网站时遇到问题,我希望更改它使用的图标,但我不知道它实际使用的是哪一个?
我读过了这个问题 https://stackoverflow.com/questions/24964193/how-does-an-os-pick-up-the-correct-ico-favicon-size但这里规定的答案是不正确 and
Firefox 和 Safari 将使用最后出现的图标。
不再是真的。
显然,在一个浏览器上浏览约 15 个图像来查找发生更改的图像是一项耗时的重复工作,而且我实际上发现 Firefox 42 选择 96x96 尺寸的图标,而不是最后一个呈现的图标。
问题:
有办法吗[除了反复试验之外]加载页面,然后在浏览器中查找定义 HTML 中的图像的声明head
用作该浏览器中的页面图标?
附加信息:
有一个不完整的参考列表here http://realfavicongenerator.net/favicon_compatibility#.VlMkjr_86VZ。然而,这遗漏了各种版本和各种操作系统,我只能假设这些细节是通过反复试验找到的。
While this https://stackoverflow.com/questions/2057636/get-websites-favicon-with-js很有用,该问题的各种链接和解决方案都会为自动化流程提供单个 URL 结果,例如
http://www.google.com/s2/favicons?domain=www.domain.com
它可以很好地返回有效的图标,但它不会返回我的浏览器在测试时使用的图标。
该问题的其他链接类似,大多数仅返回 16x16 的图标,许多显然没有返回所使用的图像。有些可能没有返回所使用的图像...有时很难区分 16x16px!