如何找出浏览器实际使用的favicon?

问题描述 投票:2回答:2

我有一个新的网站,有一组自动生成的favicon图像,从源文件使用 真正的Favicon生成器,而且有。

  • 9个苹果收藏夹
  • 1 Android favicon
  • 3个命名的收藏夹
  • 1个Safari钉住 SVG
  • 1 json 体现
  • 1套微软瓷砖imageecolour。

显然,这些大部分都可以为各自的供应商放置--苹果、微软瓷砖等。

我有一个问题,在Firefox上运行网站,我希望它使用的favicon改变,但我不知道它实际上使用哪一个?

我读过 这个问题 但这里的答案是

Firefox和Safari将使用最后一个的favicon。

是不再是真的。

很明显,在一个浏览器上翻阅~15张图片来寻找被更改的图片是一件很耗时的重复工作,实际上我发现Firefox 42会选择96x96维度的favicon,而不是最后呈现的那个。

问题。

有什么办法 [除审判和错误外] 加载一个页面,然后在浏览器中找到一个声明,定义HTML中的哪张图片。head 被用作该浏览器的页面收藏夹?

其他信息。

有一个不完整的参考列表 此处. 然而,这错过了各种版本和各种操作系统,我只能假设这些细节是在试错中发现的。

这个 是有用的,关于这个问题的各种链接和解决方案都给出了一个自动处理的单一URL结果,如

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

这在返回一个有效的favicon时工作得很好,但当我测试它时,它没有返回我的浏览器使用的favicon。

该问题的其他链接也是类似的,大多数只返回了一个16x16的favicon,而且很多明显没有返回使用的图片。有的可能是没有返回使用的图片......16x16px有时候很难区分!

html firefox browser favicon
2个回答
1
投票

你可以使用 兼容性测试 的RealFaviconGenerator。测试会问你看到的是哪个图标。但是有一个转折:这个测试并不是真正针对最终用户的,所以你必须右击你看到的图标所对应的图片,检查它,并查看它的 alt 的属性 img 标签。但这将阻止你玩20多张图片,使它们变得不同。简单多了!

完全公开:我是RealFaviconGenerator的作者。

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


0
投票

使用 检查元件或只是 检查 工具,可在Firefox和Chromium中使用。该 网络 标签显示了所有与重载相关的http操作。 通过 "favicon "过滤,很可能会在页面重载时看到正确的操作。

浏览器下载图片的事实是对显示内容的强烈暗示。 然而,疑问可能会持续存在,例如,一个.ICO的哪个部分。 不幸的是,标签是一个计算元素,在(计算的)页面源中不可见。

在Firefox上, 图标 在导出的书签的json代码中可见。

© www.soinside.com 2019 - 2024. All rights reserved.