Czy istnieje odpowiednik Apple-touch-startup-image dla iPada?

Spowoduje to dodanie ekranu powitalnego do Twojej aplikacji internetowej. Poniżej znajdują się rozmiary, których potrzebujesz zarówno dla iPada, iPhone 'a/iPoda Touch, jak i iPhone' a 5. Obejmują one również obszar paska stanu.

<!-- 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">

W przypadku tworzenia aplikacji webowej zgodnej z iPadem zaleca się stosowanie zarówno rozmiaru poziomego, jak i pionowego.

Obraz portretowy musi być 768x1004 (Uwaga: 1004, a nie 1024, 20px to pasek stanu), PNG to preferowany format pliku.

Obraz Krajobrazowy musi mieć wymiary 1024x748 (Uwaga: 748, ponownie 20px dla paska stanu). Ten obraz musi być obrócony o 90 stopni zgodnie z ruchem wskazówek zegara , wynik końcowy to 748x1024.

Znaczniki linków w nagłówku muszą być następujące:

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

Dla Nowego ipada Retina (jeśli ich nie dodasz, użyje powyższego z pikselem podwojenie): {]}

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

Poprzednie odpowiedzi (w tym zaakceptowana odpowiedź) w momencie pisania postu to nie działało z moimi testami.

Myślę, że Madhup odnosi się do natywnych aplikacji napisanych w objective c i skompilowanych z xcode. OP stara się, aby to działa dla webapps, które są dodawane do ekranu głównego za pomocą safari. Do tej pory nie udało się: (

Mam tylko obraz startowy do pracy, wykonując obraz PNG o wymiarach 748x1024. To zostało przetestowane na iPadzie z firmware 3.2.1.

Najlepsze wyjaśnienie tego problemu, jakie znalazłem: https://gist.github.com/472519

Zauważ, że zadziałało tylko dla mnie, gdy dostarczyłem obraz startowy dla iPhone ' a i zarówno Krajobraz/Portret dla iPada.

Z moich dzisiejszych testów wynika, że iPad nie obsługuje apple-Touch-startup-image. To dość rozczarowujące, że iPhone obsługuje to w OS 3.1, A iPad nie. Ponadto, podczas korzystania z webapp w przeglądarce chromeless, viewport nie jest ustawiony prawidłowo. Wierzę, że oba są błędy lub pominięcia w iPad OS 3.2. Szkoda. :( Prosiłem o to na forach apple: https://devforums.apple.com/thread/47178

Jest taki sam jak iphone. Umieść png o nazwie Default.png w folderze zasobów.