पूर्ण स्क्रीन वेब ऐप्लिकेशन के लिए एप्पल मेटा टैग का प्रयोग

Question

मैं

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

टैग का उपयोग करने आईओएस सफारी पाने के लिए ब्राउज़र सामान के बिना एक पृष्ठ दिखाने के लिए कोशिश कर रहा हूँ; कम से कम, मैं सोचता हूं कि यह मेरे लिए करना है। (Apple documentation व्यापक विस्तार में नहीं जाता है।)

अभी तक, मैं इसे कुछ भी नहीं कर सकता। Here is a JSBin example.<meta> टैग के साथ या उसके साथ, पृष्ठ शीर्ष पर ब्राउज़र सामग्री के साथ एक आइपॉड टच और आईपैड 2 दोनों पर आता है (और छोटी स्क्रीन पर नीचे)।

क्या ब्राउज़र को प्रभावित करने के लिए कुछ और करने की आवश्यकता है? या मेरी उम्मीद है कि इसे कैसे गलत काम करना चाहिए? (ध्यान दें कि, weinre के माध्यम से, मैंने "windows.navigator.standalone" ध्वज की जांच की है, और यह false प्रतीत होता है।)

Answer 1

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

इन-ब्राउज़र केस के लिए एक आम दृष्टिकोण window.scroll(0,1) पर कॉल जोड़ना है जो स्क्रीन के शीर्ष पर ब्राउज़र सामान प्राप्त करेगा। , (नीचे सामान खाली करने के लिए कोई तरीका नहीं है।)

इसके अलावा, आप एक टैग कहने के लिए आप नहीं चाहते चाहते हो सकता है स्केलिंग:

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, maximum-scale=1, minimum-scale=1" /> 

Answer 2

मेटा टैग क्या है जब आप में अपने पृष्ठ को देखने है ब्राउज़र, यह आपके पृष्ठ को होमस्क्रीन में जोड़ने का विकल्प जोड़ता है। जब आप होमस्क्रीन शॉर्टकट के माध्यम से अपना पेज खोलते हैं, तो यह पूर्णस्क्रीन और नेविगेटर में होगा। स्टैंडअलोन को सत्य पर सेट किया जाएगा। जब लोग पूर्णस्क्रीन मोड की बात करते हैं तो लोग यही कहते हैं।