html -如何为我的网站提供iPhone图标?

Translate

我该如何设定在iPhone我创建的网站?

This question and all comments follow the "Attribution Required."

所有的回答

Translate

为了完整起见,链接到Scott Hanselman的文章,其中还包含一些其他提示:

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

来源
Translate

从Apple开发者连接Safari Web内容指南(适用于iPhone)页面指定Web剪辑的网页图标...

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

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

要为单个网页指定图标,或将网站图标替换为特定于网页的图标,请按如下所示向网页添加链接元素:

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

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

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

注意:iPhone 1.1.3及更高版本中提供了Web剪辑功能。

来源
Translate

指定Web剪辑的网页图标的部分配置Web应用程序的页面Safari Web内容指南在里面Safari参考资料库.

指定Web剪辑的网页图标

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

  • 要为整个网站(网站上的每个页面)指定一个图标,请将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中标识您的应用程序。

来源
Translate

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

来源