Существует ли эквивалентное изображение запуска Apple touch-startup для IPAD?

Ответ 1

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

Ответ 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 рекомендуется использовать как размеры ландшафта, так и портрет.

Ответ 3

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

Пейзажное изображение должно быть 1024x748 (примечание: 748, снова 20px для строки состояния). Затем это изображение должно быть повернуто на 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)" />

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

<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)" />

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

Ответ 4

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

Ответ 5

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

Ответ 6

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

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

Ответ 7

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

Ответ 8

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