正在加载不正确的苹果触摸图标

Posted 2023-03-10

【中文标题】正在加载不正确的苹果触摸图标

【英文标题】：Incorrect apple-touch-icon is being loading

【发布时间】：2014-11-12 19:57:15

【问题描述】：

这段代码放在head 元素中，当我将网站添加到主屏幕时，会在我的iPhone 6 Plus 上加载120px 图标，尽管Apple documentation 表示不应该这样。

<link rel="apple-touch-icon" sizes="120x120" href="img/icon-120.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/icon-180.png">

想法？

【问题讨论】：

如果你颠倒订单会发生什么？

没什么区别。

【参考方案1】：

这要么是 ios 的错误，要么是 Apple 规范中的错误，但无论如何这都不正常。

这个问题在issue of the html5-boilerplate project 中进行了讨论，也记录在RealFaviconGenerator compatibility page 中（完全披露：我是这个网站的作者）。底线：

尽管有规格，iPhone 6 / iOS 8 的主屏幕不使用 180x180 图标，而是使用 120x120 图标。这就是你观察到的。 180x180 图标用于两种情况：在 iPhone 6 / iOS 8 上创建书签时（所以 iPhone 6 确实使用此图标）和在 iPad 第三代 / iOS 8 上添加到主屏幕时（因此某些 iOS 设备确实使用此图标作为主屏幕）。