आईफोन पर सफारी उपयोगकर्ता इंटरफ़ेस घटक छुपाएं

Question

होमस्क्रीन आइकन के रूप में बुकमार्क किए गए वेब-ऐप के लिए सफारी यूआई घटकों को छिपाने के प्रयास में। मैं इस मेटा टैग

<meta name="apple-mobile-web-app-capable" content="yes" /> 

iPhone Dev Center पर निर्दिष्ट के रूप में उपयोग कर रहा हूँ, लेकिन पता पट्टी और उपकरण पट्टी अभी भी वहाँ जब घर स्क्रीन आइकन से शुरू की है। मुझे अलग करने की क्या ज़रूरत है? क्या किसी के पास कोई उदाहरण है?

Answer 1

क्या यह होम स्क्रीन से लॉन्च किया जा रहा है? लिंक किए गए पृष्ठ पर दस्तावेजीकरण का उल्लेख नहीं है, लेकिन मैं @Configuring Web Applications इस पाया:

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

Answer 2

वास्तव में यह अपेक्षा की जानी चाहिए, मैंने इसे बिना किसी कठिनाइयों के अतीत में उपयोग किया है।

Answer 3

आप जोड़ने की कोशिश की

<meta name="apple-touch-fullscreen" content="yes" /> 

Answer 4

मैं जानता हूँ कि यह बहुत पुराना नहीं है तो ..., लेकिन मैं इस समय एक समाधान के लिए खोज में जाना। मैं यह भी जोड़कर इसे ठीक करने में सक्षम था:

window.top.scrollTo(0, 1); 

शरीर की अधिभार विधि में। उम्मीद है कि यह किसी और को इस पर आने में मदद करता है।

Answer 5

window.top.scrollTo(0, 1); 

आईफोन पर काम करता है, लेकिन आईपैड में नहीं। मैं

<meta name="apple-mobile-web-app-capable" content="yes" /> 

का उपयोग कर और एक घर स्क्रीन लिंक से शुरू करके आईपैड (ताकि शायद हर जगह) पर ब्राउज़र घटकों छुपा सफल रहे हैं। मैं भी

<meta name="viewport" 
     content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

मैं अगर ब्राउज़र घटक अभी भी छिपे हुए हैं देखकर प्रयास नहीं किया है उपयोग कर रहा हूँ अगर मैं व्यूपोर्ट गुण को छोड़ दें।

Answer 6

http://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW2

यह आईओएस 4.0 पर काम करता है।

Answer 7

जो मैं कह सकता हूं, आईओएस केवल वास्तव में ऐप जोड़ने पर झंडे पर ध्यान देता है। यदि सेब-मोबाइल-वेब-ऐप-सक्षम चीज़ पहली बार काम नहीं करती है, तो अपने ऐप को होम स्क्रीन से हटाने का प्रयास करें और फिर इसे दोबारा जोड़ दें।

मैं कुछ प्रयोगों को चलाने की है और पाया:

• हेडर के भीतर मेटा टैग के स्थान बात (मैंने सोचा कि यह हो सकता है नहीं लगता है!)
  
• ऐप जोड़ने के बाद और इसे एड्रेस बार को सही तरीके से हटाकर, यदि आप वेब पेज से मेटा टैग हटाते हैं, तो आईओएस टूलबार को हटाना जारी रखता है।
  
• डिवाइस को रिबूट करने के बाद भी यह अभी भी याद रखता है कि टूलबार को हटाना है या नहीं। इस व्यवहार को रीसेट करने का एकमात्र तरीका यह है कि ऐप को हटाना और पुनः जोड़ना है।

आशा है कि मदद करता है!

Answer 8

इस

<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="viewport" content="width=device-width; user-scalable=0;"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
<link rel="apple-touch-icon" href="icon.png"> 

Answer 9

<meta name="apple-mobile-web-app-capable" content="yes" /> 

प्रयास करें यह अगर काम करेंगे:

1. टैग मौजूद न होने पर एप्लिकेशन होम स्क्रीन में जोड़ा जाता है।
2. ऐप होम स्क्रीन से लॉन्च किया गया है। iOS6 + मोबाइल Safari ब्राउज़र पर

Answer 10

<meta name="apple-mobile-web-app-capable" content="yes" /> 

काम करता है लेकिन केवल तभी जब आप अपने होमस्क्रीन को पृष्ठ जोड़ के बाद आप अपनी साइट पर मेटा टैग शामिल थे।

Answer 11

सभी मेटा टैग और window.scroll से ऊपर, मेरे लिए आईपैड पर काम नहीं किया, मुझे बुकमार्क्स के बगल में सफारी पर एक बटन मिला जहां आपको 'होम टू होम स्क्रीन' नामक एक विकल्प मिलता है, यह एक नया टाइल आइकन बनाता है, और आप अपने वेब ऐप को मूल ऐप की तरह लॉन्च कर सकते हैं, और वहां कोई एड्रेस बार नहीं है।

Answer 12

आईओएस 7.1 के बाद से, आप उपयोग कर सकते minimal-ui

<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"> 

Answer 13

कि iOS ब्राउज़र (कम से कम iPhone मैं कहाँ का परीक्षण पर) पर ध्यान देता है एक नया निर्देश, "कम से कम-ui" कहा जाता है। टूलबार तब तक छिपाए जाते हैं जब तक उपयोगकर्ता शीर्ष पर स्टेटस बार पर क्लिक नहीं करता है। एक पेज ऐप्स के लिए बहुत अच्छा है!

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">