如何为我创建的网站设置iPhone上正确显示的图标?

===============>>#1 票数:8

为了完整起见,链接到Scott Hanselman的帖子,其中还包含一些额外的提示:

添加主屏幕iPhone图标并调整ViewPort

===============>>#2 票数:5

从Apple Developer Connection Safari Web Content Guide for iPhone页面指定Web Clip的网页图标 ...

用户可以将Web应用程序或网页链接添加到主屏幕。 这些链接由图标表示,称为Web剪辑。 按照以下简单步骤指定一个图标来表示iPhone上的Web应用程序或网页。

要指定整个网站的图标(网站上的每个页面),请将PNG格式的图标文件放在名为apple-touch-icon.png的根文档文件夹中。

要为单个网页指定图标,或用网页特定图标替换网站图标,请在网页中添加链接元素,如下所示:

<link rel="apple-touch-icon" href="/custom_icon.png"/>

在上面的示例中,将custom_icon.png替换为您的图标文件名。

有关网页图标指标,请参阅iPhone人机界面指南中的iPhone人机界面指南中的“为Web应用程序或网页创建图标”。

注意:Web剪辑功能在iPhone 1.1.3及更高版本中可用。

===============>>#3 票数:4 已采纳

请参阅Safari参考资料库中“ Safari Web内容指南”的“ 配置Web应用程序”页面的“ 为Web剪辑指定网页”图标部分。

为Web Clip指定网页图标

您可能希望用户能够将您的Web应用程序或网页链接添加到主屏幕。 这些链接以图标表示,称为Web Clips。 按照以下简单步骤指定一个图标来表示iOS上的Web应用程序或网页。

  • 要指定整个网站的图标(网站上的每个页面),请将PNG格式的图标文件放在名为apple-touch-icon.png的根文档文件夹中。

  • 要为单个网页指定图标或使用特定于网页的图标替换网站图标,请在网页中添加链接元素,如下所示:
    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    在上面的示例中,将custom_icon.png替换为您的图标文件名。


注意: iOS 7上的Safari不会为图标添加效果。 较旧版本的Safari不会为使用-precomposed.png后缀命名的图标文件添加效果。 有关详细信息,请参阅第一步:在iTunes Connect中识别您的应用程序。

===============>>#4 票数:2

在头部添加: <link rel="icon" href="/your-icon-url"/>

  ask by Zack Peterson translate from so

未解决问题?本站智能推荐: