iPhone web uygulaması başlangıç ​​ekranı

Question

"Tam ekran modu" elde etmek için "apple-mobile-web-app-ability" meta etiketini kullandığım bir iPhone web uygulaması üzerinde çalışıyorum. Uygulamayı yüklediğimde, yüklendiğinde son kez bıraktığım sayfanın resmini gösterir. Uygulama, olmadığı zaman girdi almaya hazır gibi görünüyor ve bu kafa karıştırıcı.

Varsayılan davranışı değiştirmek ve giriş almaya hazır olana kadar boş bir ekran göstermek mümkün mü? senin HEAD etiketleri arasına

Answer 1

koymak bu:

<link rel="apple-touch-startup-image" href="image.jpg"> 

bu sadece iPhone OS 3.0 altında çalışır 320x460

Answer 2

görüntü PNG olmalı ve 320x460 çözünürlüğe sahip JPG veya PNG olmalıdır kullanan resim veya daha yüksek.

Answer 3

320x460 OLMALIDIR, 320x480'i ise çalışmaz.

Answer 4

Bu, Web Uygulamanıza bir Açılış Ekranı ekleyecektir. IPad için ihtiyacınız olacak boyutlar (hem retina hem de harici), iPhone/iPod Touch (retina ve harici) ve iPhone 5. Bunlar, durum çubuğu alanını da içerir.

Apple Docs-Launch Images ,

<!-- iPhone (Retina) --> 
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-RETINA.jpg" 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-startup-iPhone-Tall-RETINA.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

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

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

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

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

Apple Docs-Icon and Image Sizes o Yatay ve Dikey boyutları hem kullanılmaktadır önerilir iPad uyumluluğu için bir Web App oluşturma işlemi.