苹果触摸图标不起作用答案

【问题标题】：Apple touch icon not working苹果触摸图标不起作用
【发布时间】：2012-10-14 04:26:33
【问题描述】：

我正在编写一个 html5 游戏，并试图让一个苹果触摸图标工作。我正在运行 ios5 的非视网膜 iPhone 4S 上进行测试。我的 html 文件的第一部分是：

<head>

<title>My Game</title>

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

<meta name="viewport" content="user-scalable=0">

<meta name="apple-mobile-web-app-capable" content="yes">

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

我也在使用script来提示用户添加触摸图标；这个脚本显示了触摸图标的预览，它找到了没有问题的图标。另外，图标是public，没有密码保护。

当我将快捷方式添加到主屏幕时，我会看到简单的屏幕截图图标。我已尝试清除我的历史记录和缓存。难道我做错了什么？那些无缓存元标记是否会干扰图标？（它们在那里，所以我在开发时不必担心缓存问题。）

【问题讨论】：

我在该图标上收到一个 HTTP 错误 500，这是由 403 处理程序故障引起的，这可能解释了它为什么不起作用。
我刚刚注意到了。当我访问该站点并查看源代码时，我可以单击图标链接并查看图像。网站上根本没有密码保护。该网站是tapoutdemo.atwebpages.com/tapout_game.html
不，我没看到。您可能想刷新缓存或从另一台计算机尝试。

标签： html apple-touch-icon

【解决方案1】：

问题归结为我的托管服务提供商不允许热链接图像。所以我在 imgur.com 上建立了一个帐户，在那里托管了触摸图标，它就可以工作了。我很高兴看到外部托管的触摸图标可以正常工作。

【讨论】：