iOS 书签显示 favicon 而不是 apple-touch-icon

Posted

技术标签:

【中文标题】iOS 书签显示 favicon 而不是 apple-touch-icon【英文标题】:iOS bookmark showing favicon instead of apple-touch-icon 【发布时间】:2018-03-05 15:37:35 【问题描述】:

谁能告诉我更多关于 ios 如何优先显示书签图标以及是否可以显示与网站图标不同的图标?谢谢

【问题讨论】:

【参考方案1】:

当向 iOS Safari 提交一个苹果触摸图标时,它会将此图标用于主屏幕快捷方式和书签。更准确地说,在运行RealFaviconGenerator's favicon compatibility test、iOS Safari 9 is using the 180x180 Touch icon in both cases 时。

如何处理您的特定问题:

再次为您的网站添加书签。与其他浏览器一样,iOS Safari 并不总是立即获取图标(或右侧图标)。只需重复该过程可能会自动神奇地解决问题。 更改您的网站图标代码和图像,使其看起来像 RealFaviconGenerator 的。一个简单的方法是将您的触控图标设置为 180x180 的图像,如果还没有的话。

完全披露:我是这项服务的作者。

【讨论】:

以上是关于iOS 书签显示 favicon 而不是 apple-touch-icon的主要内容,如果未能解决你的问题,请参考以下文章

如何从URL获取'apple-touch-icon?

无法在带有 nuxt.js 应用程序的书签中显示 apple-touch-icon

Apple iOS6 地图 - 目的地地址 > 显示公司名称而不是纬度/经度

如何让我的网站在 Firefox 的书签工具栏中显示一个网站图标?

Gmail /收件箱:显示我们的网站图标而不是带圆圈的字母

favicon.png 与 favicon.ico - 为啥我应该使用 PNG 而不是 ICO?