Существует ли эквивалентный Apple-Touch-Start-Image для IPAD?

Question

Для веб-приложений вы можете установить начальный экран с помощью apple-touch-startup-image

А как насчет iPad?

Answer 1

У меня тоже была такая же проблема ... Вам нужно использовать определенный размер 1004 * 768. я объяснил это в этом блоге: http://www.amirnaor.com/?p=71

Answer 2

Это добавит заставку в ваше веб-приложение. Ниже приведены размеры, которые вам понадобятся как для iPad, так и для iPhone / iPod Touch, а также для iPhone 5. Они также включают область строки состояния.

<!-- iPhone -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-320x460.png"
      media="(device-width: 320px) and (device-height: 480px)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">

<!-- iPhone (Retina) -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-640x920.png"
      media="(device-width: 320px) and (device-height: 480px)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

<!-- iPhone 5 -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-640x1096.png"
      media="(device-width: 320px) and (device-height: 568px)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

<!-- iPad -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-768x1004.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: portrait)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-748x1024.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: landscape)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">

<!-- iPad (Retina) -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-1536x2008.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: portrait)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-1496x2048.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: landscape)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

При создании совместимости веб-приложения для iPad рекомендуется использовать как альбомный, так и книжный размеры.

Answer 3

Портретное изображение должно быть 768x1004 (примечание: 1004, а не 1024, 20px для строки состояния), PNG является предпочтительным форматом файла.

Пейзажное изображение должно быть 1024x748 (примечание: 748, снова 20 пикселей для строки состояния). Затем это изображение должно быть повернуто на 90 градусов по часовой стрелке , конечный результат 748x1024.

Теги ссылки в заголовке должны быть следующими:

<link rel="apple-touch-startup-image" href="images/splash_screen_768x1004.png" media="(device-width: 768px) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="images/splash_screen_1024x748.png" media="(device-width: 768px) and (orientation: landscape)" />

Для нового Retina iPad (если вы не добавите их, он будет использовать вышеупомянутое с удвоением пикселей):

<link rel="apple-touch-startup-image"
  href="images/splash_screen_1536x2008.png" 
  media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image"
  href="images/splash_screen_2048x1496.png"
  media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" />

---

Предыдущие ответы (включая принятый ответ) во время публикации этого сообщения не работали с моим тестированием.

Answer 4

Лучшее объяснение этой проблемы я смог найти: https://gist.github.com/472519

Обратите внимание, что у меня это сработало только после того, как я предоставил загрузочный образ для iPhone и альбомную / альбомную ориентацию для iPad.

Answer 5

Я только заставил работать образ запуска, создав изображение PNG с размерами 748x1024. Это было проверено на iPad с прошивкой 3.2.1.

Answer 6

Я думаю, что Madhup ссылается на нативные приложения, написанные в цели c и скомпилированные с помощью xcode. ОП пытается заставить его работать для веб-приложений, которые добавляются на домашний экран через сафари. До сих пор не получил его на работу: (

Answer 7

Судя по моим сегодняшним испытаниям, iPad не поддерживает образ apple-touch-startup-image. Вызывает разочарование, что iPhone поддерживает это в OS 3.1, а iPad - нет. Кроме того, при использовании веб-приложения в браузере Chrome окно просмотра не настроено должным образом. Я верю, что оба являются ошибками или упущениями в iPad OS 3.2. Очень плохо :( Я просил об этом на форумах Apple: https://devforums.apple.com/thread/47178

Answer 8

Это так же, как iphone. Поместите png с именем Default.png в папку ресурсов.