如何找出浏览器实际使用的网站图标

2024-03-01

我有一个新网站,其中包含使用源文件自动生成的一组图标图像真实网站图标生成器 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!


您可以使用兼容性测试 https://realfavicongenerator.net/favicon_compatibility_testRealFaviconGenerator 的。测试将询问您看到哪个图标。但有一个问题:该测试并不是真正针对最终用户的,因此您必须右键单击与您看到的图标相对应的图像,检查它,然后查看alt的属性img标签。但这会阻止您使用 20 多个图像来使它们变得不同。容易多了!

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

注意:我对您的调查感兴趣,以解决您提到的答案(我是他的作者)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何找出浏览器实际使用的网站图标 的相关文章

  • 如何动态突出显示网页上的字符串?

    我想创建带有 url 的页面 例如 http xyzcorp schedules 2015Aug24 Aug28 Jim Hawkins http xyzcorp schedules 2015Aug24 Aug28 Billy Bones
  • 循环遍历元素并逐步为每个元素应用 CSS 规则

    我有一个网格布局 每个网格布局中都有不同数量的元素 我想动态添加内联grid column通过循环遍历 div 中存在的每个元素的 CSS 规则 ul 与一类 list 所以 HTML 代码的输出需要是 ul class list ul u
  • 为什么将 x 和 y 设置为 0 时 svg 文本会消失?

    我刚刚开始阅读有关svg我提出了以下问题 我正在创建一个简单的svg with a text里面如下图所示 从我的阅读中我了解到x and y of the text标签声明文本在标签内的位置svg space 为什么当我同时设置x and
  • 如何在php中使用preg添加html属性

    我正在寻找在 php 中编写一个脚本来扫描 html 文档并根据它找到的内容向元素添加新标记 更具体地说 我是扫描文档并为每个元素搜索CSS标记 float right left 如果找到它 它会添加align right left 基于它
  • 如何在表格列标题处垂直旋转文本

    我用过这个数据表 http www datatables net 在我的网页上 这是fiddle http jsfiddle net fxju7 2 链接我放置代码的地方 我想要 第一个数字第二个数字列应该垂直旋转 我已经做到了 但是 问题
  • HTML 属性 bgcolor 已弃用:用什么代替?

    VStudio ASP NET 给出以下消息 Attribute bgcolor is considered outdated A newer construct is recommended 推荐的结构是什么 bgcolor是在一个 td
  • JavaScript 中带前导零的数字发生变化

    我使用 print 语句从 php 调用 javascript 函数来打印 html 代码 并且传入一个整数 但是 在 php 中传递的值与 javascript 函数接收到的数字不匹配 我不知道为什么 这是调用 javascript 函数
  • 删除圆形图像周围的边框

    我有一个圆形图像 png 文件 中间是透明的 我需要将图像内的背景设置为纯色 为此 我将背景设为纯色 然后将border radius 50 但这会产生一条丑陋的小白线 有没有办法摆脱这个问题 或者我必须在图像编辑器中手动为图像着色 div
  • 如何在 Lift 框架中添加新页面

    如何在 lift 中的 webapp 目录中添加一个可供用户访问的新页面 目前只能通过index html访问http localhost 8080 com http localhost 8080 or http localhost 808
  • 如何在 Bootstrap 3 的导航栏中添加带有图标的搜索框?

    我正在使用新的 Twitter Bootstrap 3 并尝试放置一个像这样的搜索框 如下 在顶部导航栏中 在 Bootstrap 2 中 可以这样完成
  • WebUSB API 和 PC/SC 智能卡读卡器

    是否在WebUSB API 起草的there https wicg github io webusb 能够使用 PC SC 设备 例如智能卡读卡器 或许假设它们符合 CCID 标准 许多设备接近这一标准并且可以使用通用驱动程序 如果是 是否
  • 如何使用 HTML 5 实现类似 gmail 的文件上传/附件

    我记得一些支持 Ajax 之类的选项 无回发世界 文件上传 隐藏的 iframe 使用 flash 对象 尽管我仍然好奇为什么使用 SWF 以及它提供什么优势 然而 通过查看博客 HTML 5 似乎很有前途 我尝试了一些小示例 它确实有效
  • 在随机位置启动 HTML5

    我有一个大约 2 小时长的音轨 我想在我的网站上使用它 我希望它在页面加载时在随机位置开始播放曲目 使用 HTML5 可以吗 我知道您可以使用 element currentTime 函数来获取当前位置 但是如何在完全下载之前获取曲目的总时
  • 使用 HTML5(数据列表)自动完成功能和“包含”方法,而不仅仅是“开头为”

    我找不到它 但我又不知道如何搜索它 我想用
  • 设置双指缩放时精确的滚动位置

    我正在创建一个地图应用程序 它将标记图像放置在画布上并滚动到它 我正在使用浏览器的捏缩放和滚动来放大 缩小地图 然而 我注意到有一些奇怪的行为 我想知道如何解决它 这有点难以解释 但我们开始吧 假设您处于网页的标准缩放级别 无法进一步缩小
  • 将html数据解析成python列表进行操作

    我正在尝试读取 html 网站并提取其数据 例如 我想查看公司过去 5 年的 EPS 每股收益 基本上 我可以读入它 并且可以使用 BeautifulSoup 或 html2text 创建一个巨大的文本块 然后我想搜索该文件 我一直在使用
  • 检索 css3 缩放元素的宽度/高度

    我正在与 offsetWidth 属性的奇怪之处 我认为 作斗争 这是场景 比方说 我有一个span标签 在我的js中 在某个时刻我执行css3转换 对于这个元素 例如 el set styles transform scale scale
  • 如何使用 CSS 媒体查询检测设备方向?

    在 JavaScript 中 可以使用以下方式检测方向模式 if window innerHeight gt window innerWidth portrait true else portrait false 但是 有没有一种方法可以仅
  • Facebook 点赞按钮消失

    我的网站中的 Facebook Like 按钮出现问题 添加此代码 由 facebook 提供 按钮在创建时正确显示在任何页面中
  • Bootstrap 导航栏与 Google 位置重叠自动完成下拉菜单

    我有一个导航栏 我试图在其中添加一个地点搜索框 除了谷歌位置提示框的一小部分被导航栏重叠 如下图所示 之外 一切几乎都有效 我尝试过改变z index输入框的值改为10或2000或90000但似乎没有效果 我还缺少其他需要做的事情吗 这是

随机推荐

  • 当单词超过2亿时,如何使用Java去除重复单词?

    我有一个文件 大小 1 9 GB 其中包含 220 000 000 2 2 亿 个单词 字符串 它们有重复 几乎每 100 个单词就有 1 个重复单词 在我的第二个程序中 我想读取该文件 我成功使用 BufferedReader 逐行读取文
  • pitest 找不到测试

    我在 SonarQube 项目中遇到问题 我想计算一些有关测试质量的统计数据 我正在使用pitest 不幸的是 它没有找到任何变异的测试 这是pom xml我正在分析的模块
  • 在 Xcode 中禁用 AdMob 日志记录

    当我安装 Google Mobile Ads SDK cocoapod 时 我收到了大量日志记录 有些似乎完全无关 但不知何故 因为完全删除 Google Mobile Ads SDK pod 会删除所有日志记录 这是我所拥有的 Podfi
  • 捕获 log4j 输出

    我们正在使用log4j2广泛地存在于我们的系统中 并对其进行配置log4j2 xml 现在我需要一个可以运行的新应用程序jobs 我想单独捕获时间 X 和 Y 之间产生的所有日志并将其放入数据库中 我们框架的正常日志记录应该照常发生 记录到
  • jQuery .toggleClass() 速度

    我使用 jQuery toggleClass 函数 类将在每次点击时切换 效果完美 但我无法设置速度 我已经尝试过 databox toggleClass boxopened 7000 还有这个 databox toggleClass bo
  • Jenkins:Gerrit 触发器问题的设置

    我在 Jenkins 上安装了插件 Gerrit Trigger 因为当团队中的开发人员在存储库上推送某些内容 相对于特定项目 时 我需要自动启动构建 我按照这里的设置 https wiki jenkins ci org display J
  • 迭代对象的嵌套数组,查找 id 并更新与 id 匹配的对象

    我的输入如下 它是一个对象数组 每个对象都有状态 这也是一个对象数组 我想追加details当状态 id 与状态匹配时 在 states 对象内部id如以下所说的 IE 82175746 const input country id 877
  • Storyboard 中的 UIViewController Title 属性

    I am setting the title field of a UIViewController via Interface Builder Storyboard 该视图控制器嵌套在UINavigationController它又嵌套在
  • 使用 EF 在两个数据库之间复制记录

    我需要使用 EF 将数据从一个数据库复制到另一个数据库 例如 我有以下表关系 Forms gt FormVersions gt FormLayouts 我们在两个数据库中都有不同的表单 我们希望将它们收集到一个数据库中 基本上 我想从一个数
  • putback() 和 unget() 之间的区别

    我正在使用标准 iostream 从文件中获取一些输入 但我很困惑unget versus putback character 从文档中我看来这些功能实际上是相同的 其中unget 只记得输入的角色 所以我很紧张 我一直用putback c
  • Hazelcast 服务器作为 Linux 服务

    如何在生产环境中将 hazelcast 服务器作为 Linux 服务运行 java server cp hazelcast jar com hazelcast examples StartServer StartServer 运行服务器并输
  • 根据列名列表将数据表拆分为多个数据表

    我有一个如下所示的数据表 ID Country Supplier 515 DE A 515 CH A 515 FR A 516 DE B 516 FR B 517 DE C 517 IT C 我有一个List
  • PhantomJS 使用 QtWebKit 还是 Blink?

    PhantomJS CasperJS 是否使用 WebKit 或 Chromium 作为默认浏览器驱动程序 如果是WebKit 是直接WebKit还是qt或者gtk PhantomJS 基于 QtWebKit 常见问题解答说 问 Phant
  • 使用react和mapbox gl或maplibre gl动态加载标记

    我正在学习 React 我想显示一张地图 在该地图上动态显示和隐藏标记 这有效 我用Maplibre GL https github com maplibre maplibre gl js 这是一个分叉地图盒 GL https docs m
  • 如何解释函数实例的bind/>>>=?

    我正在努力提高我的理解Applicatives and Monad通过在 Javascript 中实现其函数实例来实现 我对 Haskell 的了解有限 我希望我的问题有意义 这是我的实现fmap lt gt and gt gt 为了Fun
  • malloc(0) 有什么意义?

    我刚看到这个code https github com mxcl scrobsub blob 2ad2f6131e5900d4c62d8c5bcdb15c069f17e3bd scrobsub c L94 artist char mallo
  • 类 PhpStorm_Codeception_ReportPrinter 不存在

    我尝试在 PhpStorm 中运行 Codeception 功能测试 但不断收到一条错误 提示缺少类 我在互联网上搜索过 除了一篇文章之外 没有发现任何可以解决这个问题的方法https intellij support jetbrains
  • 无法加载文件或程序集“System.Net.Http”

    在我的构建输出的诊断视图中显示了此冲突 System Net Http Version 4 0 0 0 Culture neutral PublicKeyToken b03f5f7f11d50a3a 和 System Net Http Ve
  • 使用 CSS Grid 时如何使内容居中并使背景覆盖整列?

    当我添加这段代码时 place items center 我的元素居中 但只有文本应用了背景颜色 当我删除此代码时 place items center 背景颜色覆盖整个列 但文本不再居中 main display grid grid te
  • 如何找出浏览器实际使用的网站图标

    我有一个新网站 其中包含使用源文件自动生成的一组图标图像真实网站图标生成器 http realfavicongenerator net 并且有 9 个苹果图标 1 Android 图标 3 个命名图标 1 Safari 固定SVG 1 js