Apple 触摸图标主屏幕失败
Posted
技术标签:
【中文标题】Apple 触摸图标主屏幕失败【英文标题】：Apple Touch Icon Home Screen Fails 【发布时间】：2013-07-01 14:28:48 【问题描述】：在阅读了如何为我的网络应用程序添加自定义主屏幕图标之后，我花了几天时间试图让它工作，无论我做什么，Add to Home Screen 进程都会生成一个基于当前网络屏幕截图的图标页面。
<link rel="" href=""> 定义和图标
我已经尝试将图标放在根目录下一级
我尝试过 57x57、72x72 和 114x114 大小的图标，有和没有大小定义
我已经尝试了 precomposed 和 normal 有和没有相应更改 rel 名称
但是，无论我在运行 ios 6.3 的 iPhone 4 上执行 Add to Home Screen 进程，都会忽略我定义的任何图标，并给我一个基于屏幕截图的图标。我在扯头发。
我怎样才能找到问题所在？如何调试此过程以找出问题所在？我将移动 Safari 链接到桌面上的 Safari 以查看发生了什么，但我并不聪明。
【问题讨论】：
iOS 6.3？你是说 6.1.3 吗？ 【参考方案1】：您可能缺少一些元定义。例如，这适用于我们的网络应用程序。检查您使用的 png 是否为有效图像。
<!DOCTYPE html>
<head>
<link rel="apple-touch-icon" href="/img/appicon-57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/img/appicon-72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/img/appicon-114.png" />
<link rel="shortcut icon" href="favicon.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
</head>
<body>
...
【讨论】：
以上是关于Apple 触摸图标主屏幕失败的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 Javascript 或 Jquery 获取网页图标/ Apple 触摸图标和标题？