iPhone主屏幕web图标

时间:2014-06-04 15:54:50

标签: html iphone png homescreen

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

 <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。

有什么建议吗?

亚历

1 个答案:

答案 0 :(得分:3)

我认为您可能需要为图像的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

另外,仔细检查图标是否在根目录。

祝你好运!希望这有帮助!