क्या आईओएस 7 सफारी में एड्रेस बार और स्टेटस बार को छिपाना संभव है?

क्या आईओएस 7 में एड्रेस बार और स्टेटस बार को छिपाना संभव है?

एक परिदृश्य ऐप में मैं वर्तमान में पिछले iOS संस्करणों के लिए इसे करने के लिए नीचे दिए गए कोड का उपयोग कर रहा हूं और यह IOS 7 पर भी अच्छी तरह से काम करता है: पृष्ठ खोलने पर यह पूर्ण स्क्रीन पर जाता है और ऐसा ही रहता है।

जे एस:

window.addEventListener("load",function() {
    // Set a timeout...
    setTimeout(function(){
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});

HTML:

<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

तथ्य यह है कि आईओएस 7 आईफोन और आईपैड पर स्क्रीन के नीचे टैप करने पर एड्रेस बार और स्टेटस बार दिखाई देते हैं और इससे छुटकारा पाने का एकमात्र तरीका फोन ओरिएंटेशन को बदलना है और फिर इसे पिछले ओरिएंटेशन में बदलना है। वहाँ है कि हेरफेर से बचने के लिए वैसे भी?

ios mobile-safari fullscreen

— svassr
स्रोत

इस पर कई जवाब पहले से ही stackoverflow.com/questions/18813476/…

— AllInOne

मुझे एसओ पर एक उत्तर नहीं दिखता है जो कि यहां उदाहरण कोड की तुलना में अधिक काम कर रहा है। हम्म ...

— bmike

जवाबों:

एक विधि है:<meta name="viewport" content="minimal-ui”>
( लेकिन यह केवल iOS 7.1 पर काम करता है - 7.0 या 8.0 पर नहीं )

स्रोत: StackOverflow

IOS 7.1 बीटा 2 से अधिक विवरण लॉग और रिलीज नोट बदलें :

सफ़ारी नोट्स

व्यूपोर्ट मेटा टैग कुंजी के लिए एक संपत्ति, न्यूनतम-यूआई को जोड़ा गया है, जो पेज लोड होने के साथ iPhone पर ऊपर और नीचे की सलाखों को कम करने की अनुमति देता है। न्यूनतम-यूआई का उपयोग करते हुए एक पृष्ठ पर, शीर्ष बार को टैप करके सलाखों को वापस लाया जाता है। सामग्री में वापस टैप करना उन्हें फिर से खारिज करता है।

उदाहरण के लिए, का उपयोग करें <meta name=”viewport” content=”width=1024, minimal-ui”>।

अद्यतन: मैंने पुष्टि की है कि यह विधि iOS 7.1 (आधिकारिक अंतिम रिलीज) में काम करती है। आप अपने वेब ऐप से अपने लिए पुष्टि कर सकते हैं , जो ऊपर वर्णित मेटा टैग समाधान का उपयोग करता है।

यहाँ छवि विवरण दर्ज करें

— Leftium
स्रोत

मैं अंतिम विमोचन की प्रतीक्षा करूंगा और फिर कोशिश करूंगा, तब मैं आपके उत्तर को स्वीकार करूंगा। बहुत बहुत धन्यवाद।

— svassr

Hmmmm। मैं 7.1.1 का उपयोग कर रहा हूं और ऊपर लिंक किया गया आपका वेब ऐप लोड होने पर एड्रेस बार आदि को छिपाता नहीं है। क्या उन्होंने इसे 7.1.1 में तोड़ दिया?

— ब्रायन बी

इसे iOS8 में हटा दिया गया है।

— चार्ली श्लेसीयर

IOS8 कार्यान्वयन के बारे में इस पोस्ट की जाँच करें: stackoverflow.com/questions/24889100/…

— svassr

मैंने इसे अनुशंसित देखा है यह <meta name="apple-mobile-web-app-capable" content="yes"> साइट को स्टैंडअलोन मोड में चलाता है, जो UI को छुपाता है। मैं स्पष्ट नहीं हूँ कि यह ऊपर के न्यूनतम-यूआई समाधान की तुलना कैसे करता है। मैं इस धारणा के तहत काम कर रहा हूं कि यह समाधान 7.1 के पहले आईओएस संस्करणों के लिए काम करता है।

— टिम
स्रोत

यह समाधान केवल उस वेब पेज के लिए काम करता है जिसे आप अपने होम स्क्रीन पर ऐप के रूप में जोड़ते हैं।

— 18