我使用以下代码来获取移动设备的触摸图标-它基于html5boilerplate/mobile示例:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<!-- For iPhone 4 with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/touch/h/apple-touch-icon.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="/img/touch/l/apple-touch-icon.png">
<!-- For nokia devices: -->
<link rel="shortcut icon" href="/img/touch/apple-touch-icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
但由于某种原因，iPhone的主屏幕图标仍然给我带来问题。我只能看到那个烦人的截图图标。
我在这里包含了其他元标签，以防它们能解释为什么它不起作用。我试过重新排序标签。
谁能想到什么可以阻止图标的使用?
我使用html5boilerplate/mobile作为测试用例-我能够浏览到他们的网站并将图标添加到我的iPhone (4S iOS5)的主屏幕上。我试着把他们的代码、文件夹结构和图标复制到我自己的网站上，但是行不通。
任何想法?
我也遇到了同样的问题。解决方案是取消网站上的密码保护。
我把同样的页面和图标放在另外两个网站上，它工作得很好，所以我想也许这可能是因为我原来的两个测试服务器是受密码保护的-尽管很明显我已经输入了浏览页面的凭据，所以不完全确定为什么这将是一个问题。然而，研究结果似乎表明情况确实如此。
我有同样的问题，问题的根源是我有一个htaccess文件与密码保护我的网站，所以webclip图标将不起作用，要解决这个问题，仍然有密码保护，你需要添加这个代码:
SetEnvIf Request_URI "(/apple-touch-icon.png)$" allow
Order allow,deny
Allow from env=allow
Satisfy any
这样你就可以完全访问http://www.example.com/apple-touch-icon.png而不需要任何密码。
如果你仍然有问题，这里有一个完整的htaccess文件的例子:
AuthUserFile /home/mysite/.htpasswds/.htpasswd
AuthType Basic
AuthName "Password Protected"
Require valid-user
SetEnvIf Request_URI "(/apple-touch-icon.png)$" allow
Order allow,deny
Allow from env=allow
Satisfy any
这应该能解决问题。
干杯! !
在Apple Safari网页内容指南中，他们建议将图标放在"根文档文件夹"中。
为整个网站(网站上的每个页面)指定一个图标，将PNG格式的图标文件放在根文档文件夹中Apple-touch-icon.png或apple-touch-icon-precomposed.png.
我试过了，直到我最终把图标移动到一个'img'文件夹并链接到那里，它才工作。
然而，我怀疑html5boilerplate图标工作而你的没有的原因是因为你使用了一个虚拟目录，如:
http://localhost/myvirtualdirectory/apple-touch-icon.png
而iOS的默认行为是查看根域，即使你在虚拟目录外托管:
http://localhost/apple-touch-icon.png
我有同样的问题，当我的图标在我的ui/img文件夹，即使我的网站没有密码保护。在将它们移动到我的根文件夹(并清除缓存)后，它开始工作。
在外部图像托管上放置一个图标，并将url作为"href"的值对我来说很有吸引力。
我无法得到这个工作，直到我打开我的iPhone设置->Safari，然后"清除历史记录和网站数据"，然后尝试将其添加到我的主页