आईफोन वेब ऐप स्टार्टअप स्क्रीन

Question

मैं एक आईफोन वेब ऐप पर काम कर रहा हूं जहां मैं "पूर्ण स्क्रीन मोड" प्राप्त करने के लिए "सेब-मोबाइल-वेब-ऐप-सक्षम" मेटा टैग का उपयोग कर रहा हूं। जब मैं ऐप लॉच करता हूं तो यह उस पृष्ठ की एक तस्वीर दिखाता है जहां मैंने लोड होने के दौरान आखिरी बार छोड़ा था। ऐसा लगता है कि ऐप इनपुट प्राप्त करने के लिए तैयार है जब यह नहीं है, और यह भ्रमित है।

क्या डिफ़ॉल्ट व्यवहार को बदलना संभव है और जब तक वह इनपुट प्राप्त करने के लिए तैयार न हो तब तक रिक्त स्क्रीन दिखाना संभव है?

Answer 1

अपने सिर टैग के बीच इस पुट:

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

छवि आप JPG या PNG 320x460

Answer 2

छवि पीएनजी होना चाहिए और 320x460 के एक संकल्प यह केवल iPhone OS 3.0 के तहत काम करता साथ होना चाहिए का उपयोग या ऊँचा।

Answer 3

यह 320x460 होना चाहिए, यह 320x480 पर काम नहीं करेगा।

Answer 4

यह आपके वेब ऐप में एक स्पलैश स्क्रीन जोड़ देगा। आईपैड (दोनों रेटिना और गैर), आईफोन/आईपॉड टच (रेटिना और गैर), और आईफोन 5 के लिए आपको आवश्यक आकारों के नीचे दिए गए हैं। इनमें स्टेटस बार क्षेत्र भी शामिल है।

Apple Docs-Launch Images, Apple Docs-Icon and Image Sizes

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

तो आईपैड संगतता के लिए एक वेब एप्लिकेशन बनाने यह अनुशंसा की जाती है कि दोनों लैंडस्केप और पोर्ट्रेट आकार किया जाता है।