Сбой главного экрана значка Apple Touch

Прочитав, как добавить собственный значок на главный экран для моего веб-приложения, я потратил дни, пытаясь заставить его работать, и что бы я ни делал, процесс Add to Home Screen приводит к появлению значка на основе снимка экрана текущей веб-страницы.

  • Я пробовал использовать только имена файлов по умолчанию
  • Я пробовал использовать <link rel="" href=""> определения и значки
  • Я попытался поместить значки в корневой каталог и на один уровень ниже
  • Я пробовал иконки размером 57x57, 72x72 и 114x114, с определением размеров и без него.
  • Я пробовал precomposed и normal с соответствующим изменением имени rel и без него.

Но что бы я ни делал, процесс Add to Home Screen на моем iPhone 4 под управлением iOS 6.3 игнорирует любой значок, который я определяю, и выдает мне значок на основе снимка экрана. Я рву волосы.

Как я могу узнать, что не так? Как мне отладить этот процесс, чтобы найти, что не так? У меня есть мобильное сафари, связанное с сафари на рабочем столе, чтобы узнать, что происходит, но я не в этом мудр.


person user2539341    schedule 01.07.2013    source источник
comment
iOS 6.3? ты имел ввиду 6.1.3?   -  person rckoenes    schedule 01.07.2013


Ответы (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>
...
person Teemu Ikonen    schedule 01.07.2013