iPhone 7 的 Apple 触摸图标(主屏幕图标)?

Posted

技术标签:

【中文标题】iPhone 7 的 Apple 触摸图标(主屏幕图标)?【英文标题】:Apple Touch Icon (Homescreen icon) for iPhone 7? 【发布时间】:2017-06-09 12:29:37 【问题描述】:

我想为 iPhone 设备提供一个自定义的主屏幕图标。这是我的 -Tag 之后的代码:

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

这在 6s 上运行良好,但在 iPhone 7 上无法运行。我做错了什么?

【问题讨论】:

【参考方案1】:

显然,iPhone 6 和 iPhone 7 在触控图标方面没有区别。如果有的话,iPhone 7 可能会支持旧版图标。

该错误可能是由于某种缓存问题造成的。如果您在 Touch 图标可用之前已经使用 iPhone 7 访问过该网站,那么您的手机可能太“懒惰”而无法立即注意到它。使用您的 iPhone 7 重试或尝试使用另一台 iPhone 7 会很有用。

另一个有用的检查是 run RFG's checker 对您的网站。它可以发现几个问题,例如断开的链接或格式错误的图像。完全披露:我是这项服务的作者。

【讨论】:

以上是关于iPhone 7 的 Apple 触摸图标(主屏幕图标)?的主要内容,如果未能解决你的问题,请参考以下文章

iphone ios 7 主屏幕掩码未正确应用于我的图标

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

为 iphone 主屏幕设置我的网站图标

Apple Watch 应用程序的应用程序图标

未指定尺寸时,苹果触摸图标的尺寸是多少

隐藏iPhone上的Safari用户界面组件