我怎么给我的网站,为iPhone的图标?(How do I give my web sites an

2019-08-17 03:14发布

如何设置出现正确的图标iPhone的网站我已经建立?

Answer 1:

而对于完整起见,斯科特Hanselman的发布,其中包含了一些额外的提示以及链接:

添加主屏幕iPhone图标和调整视见



Answer 2:

从iPhone页面苹果开发的Safari Web内容指南指定的Web夹网页图标 ...

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

要指定整个网站(网站上的每一页)的图标,把PNG格式的图标文件中被称为苹果触摸的icon.png的根文件夹。

要为一个网页指定一个图标,或更换与特定网页图标的网站图标,链接元素添加到网页中:

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

在上面的例子中,替换你的图标文件名custom_icon.png。

查看iPhone人机界面指南在iPhone人机界面指南网页图标指标“为Web应用程序或网页创建一个图标”。

注:本网页剪辑功能在iPhone 1.1.3及更高版本。



Answer 3:

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

为指定的Web Clip的网页图标

您可能希望用户能够将您的Web应用程序或网页链接添加至主屏幕。 这些链接,通过一个图标代表,被称为网页剪辑。 按照这些简单的步骤来指定代表在iOS上的Web应用程序或网页的图标。

  • 要指定整个网站(网站上的每一页)的图标,把PNG格式的图标文件中被称为根文件夹apple-touch-icon.png

  • 要为一个网页指定一个图标或更换与特定网页图标的网站图标,链接元素添加到网页,如:
    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    在上面的例子中,替换custom_icon.png与你的图标文件名。


注:Safari浏览器在iOS 7不添加效果的图标。 Safari浏览器的旧版本将不会增加用于指定图标文件的效果-precomposed.png后缀。 见第一步:确定你的应用程序在iTunes Connect的详细信息。



Answer 4:

在你的脑海中添加该: <link rel="icon" href="/your-icon-url"/>



文章来源: How do I give my web sites an icon for iPhone?