Question

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

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

有什么建议吗？

亚历

Answer 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

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

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

iPhone主屏幕web图标

1 个答案: