如何为我的网站提供 iPhone 图标?
-
08-06-2019 - |
题
如何设置正确显示的图标 iPhone
对于我创建的网站?
解决方案 3
请参阅 指定 Web Clip 的网页图标 的部分 配置网络应用程序 的页面 Safari 网页内容指南 在里面 Safari 参考库...
指定 Web Clip 的网页图标
iPhone 操作系统注意: Web剪辑功能可在iPhone OS 1.1.3及以后使用。这
apple-touch-icon-precomposed.png
iPhone OS 2.0和更高版本的文件名可用。您可能希望用户能够将您的Web应用程序或网页链接添加到主屏幕。这些由图标代表的链接称为Web剪辑。请按照以下简单步骤指定图标,以表示您在iPhone OS上的Web应用程序或网页。
要为整个网站(网站上的每个页面)指定图标,请在root文档文件夹中以PNG格式放置一个图标文件
apple-touch-icon.png
或者apple-touch-icon-precomposed.png
. 。如果您使用apple-touch-icon-precomposed.png
作为文件名,iPhone OS上的Safari不会为图标添加任何效果。要指定单个网页的图标或用特定网页特定图标替换网站图标,请在网页中添加链接元素,如以下内容。
<link rel="apple-touch-icon" href="/custom_icon.png"/>
在上面的例子中,替换custom_icon.png
使用您的图标文件名。如果您不希望iPhone OS上的Safari为图标添加任何效果,请替换apple-touch-icon
和apple-touch-icon-precomposed
.看 “为您的 Web 应用程序或网页创建图标” 在 iPhone Web 应用程序人机界面指南 用于网页图标指标。
其他提示
为了完整起见,提供了 Scott Hanselman 帖子的链接,其中还包含一些其他提示:
来自 Apple Developer Connection iPhone 版 Safari Web 内容指南页面 指定 Web Clip 的网页图标...
用户可以将Web应用程序或网页链接添加到主屏幕。这些由图标代表的链接称为Web剪辑。请按照以下简单步骤指定图标,以表示您在iPhone上的Web应用程序或网页。
要为整个网站(网站上的每个页面)指定图标,请在称为Apple-touch-icon.png的根文档文件夹中以PNG格式放置一个图标文件。
要为单个网页指定图标,或用特定网页特定图标替换网站图标,请在网页中添加链接元素:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
在上面的示例中,用您的图标文件名替换custom_icon.png。
请参阅iPhone Human Interface指南中的iPhone Human Interface指南中的“为您的Web应用程序或网页创建图标”,用于网页图标指标。
笔记:Web夹功能可在iPhone 1.1.3及以后使用。
将其添加到您的 head 部分:<link rel="icon" href="/your-icon-url"/>
我建议 Stack Overflow 实现一个 apple-touch-icon: