Apple touch图标无效

时间:2012-10-24 06:32:47

标签: html5 apple-touch-icon

我正在写一个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,未受密码保护。

当我将快捷方式添加到主屏幕时,我会看到简单的屏幕截图图标。我已经尝试清除历史记录和缓存。难道我做错了什么?这些no-cache元标记是否会干扰图标? (他们在那里,所以我不必担心开发过程中的缓存问题。)

1 个答案:

答案 0 :(得分:1)

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