html - 苹果触摸图标不起作用

标签 html apple-touch-icon

我正在编写一个 html5 游戏,并试图让 apple touch 图标起作用。我正在运行 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 ,不受密码保护。

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

最佳答案

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

关于html - 苹果触摸图标不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13043997/

相关文章:

apple-touch-icon - Apple Touch 图标变黑

android - 手机触摸图标

html - CSS 盒子问题

javascript - 为什么这不起作用?我认为这是一个转换问题

html - Flex,如何处理HTML文件

svg - 苹果触摸图标svg支持

iphone - 为什么这个苹果触摸图标不起作用?

javascript - 使用 jQuery 中的 scrollTop 使一个 div 在另一个 div 内垂直滚动

javascript - 尝试编写一个循环语句来打印我的播放列表,但我的浏览器只是无限循环