iPhone 主屏幕 web 图标答案

【问题标题】：iPhone home screen web iconiPhone 主屏幕 web 图标
【发布时间】：2014-06-04 15:54:49
【问题描述】：

在阅读了很多不同的文章之后，我相信这是您应该包含在标题中以更改主屏幕图标的代码：

 <link rel="apple-touch-icon" href="apple-touch-icon.png" />
 <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />
 <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />
 <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png" />

未指定任何尺寸的为 150x150。我已经在根目录中上传了所有这些 png，但是当我将我的网站添加到主屏幕时，手机/iPad 仍然使用网站的屏幕截图，并且没有任何 png。

有什么建议吗？

亚历克斯

【问题讨论】：

标签： html iphone png homescreen

【解决方案1】：

我认为您可能需要在图像的 href 中添加一个斜杠：

 <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />

这将确保您将客户端的浏览器定向到根目录。

另外，请确保您使用受支持的图片尺寸。如果没有指定，我认为 iPhone 不会显示它。此链接可能会有所帮助：https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/IconMatrix.html

另外，请仔细检查图标是否在根目录中。

祝你好运！希望这会有所帮助！

【讨论】：

显然问题可能是因为该网站当前有密码
哦，好吧...祝你好运。如果我的问题最终解决了它，请接受它作为答案，或者如果它为你应该做的事情带来了启示，请投赞成票。非常感谢。