आईफोन वेब स्प्लैश स्क्रीन काम नहीं कर रही है

आईफोन वेब अनुप्रयोगों में आप माना जाता है कि एक कस्टम स्पलैश स्क्रीन परिभाषित कर सकती है जो साइट लोड होने पर दिखाई देगी (जब होम पेज पर सहेजे गए बुकमार्क आइकन से साइट लोड हो रही हो)। मुद्दा यह है कि वेब ऐप स्टार्टअप अनुभव को वास्तविक आईफोन एप्लिकेशन की तरह बहुत अधिक महसूस करना है।आईफोन वेब स्प्लैश स्क्रीन काम नहीं कर रही है

मेरा मानना है कि वाक्य रचना इस तरह है:

<link rel="apple-touch-startup-image" href="/splash.png" /> (पेज की <head> अनुभाग में रखा)।

जहां splash.png एक लंबवत उन्मुख 320x460 छवि है।

मुझे यह काम नहीं मिल रहा है ... क्या किसी के पास इसके लिए कोई सुझाव और चाल है?

स्रोत

2009-10-29 Scrappydog

ऐप्पल के पास इस विषय पर दस्तावेज़ीकरण के तरीके में बहुत कुछ नहीं है (this URL देखें)।

बातों का ध्यान देने योग्य कुछ:

कोड स्निपेट को मान लिया गया है अपनी छवि http://yourdomain.com/splash.png
iPhone OS 3.0 के लिए यह केवल काम करता है पर रह रही है और बाद में
छवि एक PNG होना चाहिए प्रदान की
छवि केवल पृष्ठ की डोम जब तक प्रदर्शित किया जाता है

तुम भी वीं का उपयोग कर सकते के लिए तैयार है ई वेब कोड को स्पष्ट रूप से सेट करने के लिए निम्नलिखित कोड:

<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

स्रोत

2009-10-30 01:32:43 richleland

सुनिश्चित करें कि यह 320x460 पिक्सेल है।

आपने पहले ही कहा है, लेकिन यह मेरे लिए समाधान था।

स्रोत

2010-09-05 00:41:54

सुनिश्चित करें कि ये सभी लिंक आपके हेडर में आपकी अन्य स्टाइलशीट के बाद आते हैं।

स्रोत

2010-11-08 09:04:03 james

यदि आपके पास शीर्ष पर अधिसूचना बार है तो आईओएस 4 स्प्लैश स्क्रीन नहीं दिखाता है - उदा। व्यक्तिगत हॉटस्पॉट (टेदरिंग) का उपयोग करते समय।

स्रोत

2011-07-07 11:34:31

आप केवल एक स्प्लैश स्क्रीन सेट कर सकते हैं या अन्यथा यह असफल हो जाएगा। या तो आईपैड या आईफोन स्प्लैश स्क्रीन का चयन करने के लिए आपको थोड़ा जावास्क्रिप्ट चाहिए।

आईपैड लैंडस्केप स्प्लैश स्क्रीन जिसे मूल ऐप्स के लिए उपयोग किया जा सकता है, वेब ऐप्स के लिए काम नहीं करता है। आईफोन 4 के लिए न तो रेटिना स्प्लैश स्क्रीन होगी। आप केवल एक आईपैड या एक आईफोन आकार स्प्लैश चुन सकते हैं। लिंक तत्व पर आकार विशेषता सेट करना आईपैड पर काम करता है। लेकिन एक से अधिक स्पलैश छवि लिंक तत्व होने से आईफोन विफल हो जाता है।

स्पलैश स्क्रीन आकार सटीक होना चाहिए। आईपैड के लिए आईफोन/आइपॉड और 1024x748 के लिए 320x460। यदि आपको लैंडस्केप स्लैश स्क्रीन की आवश्यकता है तो आपको इसे फ़ोटोशॉप में घुमाने की आवश्यकता होगी क्योंकि ऐप के रिलांच के दौरान कोई नियंत्रण नहीं है।

ऐप कैश के साथ पहले प्रयास करने और चार्ल्स प्रॉक्सी या कुछ समान बैंडविड्थ को थ्रॉटल करने के लिए सबसे अच्छा परीक्षण करने के लिए।

<!-- status bar --> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

<!-- hide safari chrome --> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

<!-- iphone start up screens --> 
<script type="application/javascript"> 
    var appl = document.createElement("link"); 
    appl.setAttribute('rel', 'apple-touch-startup-image'); 
    if(screen.width < 321 && window.devicePixelRatio == 1) { 
     appl.setAttribute('href', 'img/icons/launch320x460.png'); //iphone 3Gs or below 
    } else if (screen.width < 321 && window.devicePixelRatio == 2) { 
     //setting @2x or a 640x920 image fails, just use the iphone splash screen 
    } else if (screen.width < 769 && Math.abs(window.orientation) != 90) { 
     appl.setAttribute('href', 'img/icons/launch1024x748.png'); //ipad 2 or below (portait) 
    } else if (screen.width < 769 && Math.abs(window.orientation) == 90) { 
     //landscape fails as well, use standard ipad screen 
    } 
    document.getElementsByTagName("head")[0].appendChild(appl); 
</script> 

<!-- iphone springboard icons --> 
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="img/icons/icon57x57.png" /> 
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/icons/icon114x114.png"> 
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/icons/icon72x72.png" />

स्रोत

2011-10-07 04:17:33 puppybits

मैं इस स्क्रिप्ट काम कर रहा है, लेकिन वहाँ आईपैड पर छप स्क्रीन के साथ एक बग हो रहा है। यदि मैं पहली बार परिदृश्य में वेब ऐप लॉन्च करता हूं, तो स्प्लैश स्क्रीन में से कोई भी दिखाया नहीं जाता है। अगर मैं पहली बार पोर्ट्रेट में लॉन्च करता हूं, तो स्प्लैश-स्क्रीन काम करता है, लेकिन परिदृश्य कभी काम नहीं करता है। ऐसा लगता है कि मैं इस मुद्दे के साथ एकमात्र नहीं हूं, इस थ्रेड को सेब फोरम पर देखें: https://discussions.apple.com/thread/3316892?start=0&tstart=0 क्या कोई पुष्टि कर सकता है कि उनके पास आईपैड एचटीएमएल 5 वेब ऐप्स पर लैंडस्केप और पोर्ट्रेट स्प्लैश स्क्रीन दोनों को सफलतापूर्वक बनाया और प्रदर्शित किया? – SondreB

हर बार जब मैं इस समस्या में पड़ यह लगभग हमेशा एक ही पृष्ठ के लिए एक से अधिक splashscreen या splashscreen 320x460 पिक्सल (वास्तव में) नहीं किया जा रहा बुला कारण होता है। इस चाल करना चाहिए:

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

लेकिन splashscreen कॉल करने से पहले, आप कोड के इन तीन लाइनों के रूप में अच्छी तरह से शामिल करना चाहिए:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

स्रोत

2012-01-07 10:46:11 kaleazy

आईपैड पर आईओएस 10 में कोई भाग्य नहीं है – Developia

आप ठीक कह रहे हैं, इस कोड को अनुभाग और छवि में होना चाहिए 320x460 पिक्सल होना चाहिए, यह क्यों काम नहीं कर रहा है यह तस्वीर 20KB या 25KB या उससे कम की तरह एक छोटी फ़ाइल होनी चाहिए। मुझे एक ही समस्या थी, लेकिन जब मैं काम शुरू करने वाली फ़ाइल को कम करता हूं।

चियर्स

स्रोत

2012-01-09 09:16:02 xmux

आईफोन वेब स्प्लैश स्क्रीन काम नहीं कर रही है

उत्तर

संबंधित मुद्दे