Question

在阅读了如何为我的网络应用程序添加自定义主屏幕图标后，我花了几天时间尝试使其工作，无论我做什么，添加到主屏幕过程都会产生一个基于当前屏幕截图的图标网页。

我尝试过单独使用默认文件名，我尝试使用链接rel和href定义以及图标。我已经尝试将图标放在根目录中并向下一级，我尝试了57x57,72x72和114x114大小的图标，有和没有大小定义。我已经尝试过precomposed和normal，无论是否有相应的rel名称更改，但无论我做什么，在运行IOS 6.3的iPhone 4上添加到主屏幕进程都会忽略我定义的任何图标并给我一个基于屏幕截图的图标。我正在撕扯我的头发。我怎样才能找到出错的地方？如何调试此过程以查找错误？我在桌面上安装了与safari相关的移动游猎，看看发生了什么，但我不是更明智的。

Answer 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 Touch图标主屏幕失败

1 个答案: