सफारी में iPad WebApp फुल स्क्रीन

Question

ऐप्पल सफारी एचटीएमएल संदर्भ में कहता है कि नीचे दिए गए कोड को आईफोन ओएस 2.1 और बाद में वेब-ऐप को पूर्ण स्क्रीन बनाने वाला है।

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

लेकिन यह काम नहीं लगता है। क्या आईपैड वेबएप में सफारी के भीतर शीर्षक / स्थान पट्टी को छिपाने का एक तरीका है?

Answer 1

होम स्क्रीन पर ऐप को बुकमार्क सेव करने के बाद ही यह काम करता है। यदि आप सामान्य रूप से साइट पर ब्राउज़ नहीं करते हैं।

Comments

यदि आप इस मेटा टैग को अपने पुराने url वेबपेज पर जोड़ते हैं, जिसे आपने पहले सफारी पर ब्राउज किया है, तो आपको पहले url को रिफ्रेश करना होगा फिर मेटा टैग को काम करने के लिए इसे होमस्क्रीन पर जोड़ना होगा।

— स्कॉट चू जू

यह मेरे लिए एक लार्वा परियोजना पर काम नहीं कर रहा है। मैंने इसे अपने app.blade लेआउट टेम्पलेट में जोड़ा। यह मेरे प्रत्येक पृष्ठ द्वारा उपयोग किया जाता है, इसलिए हेडर को प्रत्येक पृष्ठ पर दिखाई देना चाहिए (और करता है)। फिर भी, मैं अभी भी अपने iPhone और iPad पर सफ़ारी बार कैश को साफ़ करने के लिए बहुत सारे परीक्षण करने के बाद भी, होम स्क्रीन शॉर्टकट को इस पोस्ट में बताए अनुसार फिर से बनाता हूँ। क्या कुछ और है जो सफारी बार को छिपाने से रोक सकता है? pastebin.com/iSFDXjFz यहाँ मेरे app.blade.php फ़ाइल का हेड सेक्शन है। अग्रिम में धन्यवाद।

— २०:

Answer 2

यदि आप एक नई विंडो लॉन्च किए बिना ब्राउज़र में रहना चाहते हैं तो इस HTML कोड का उपयोग करें:

<a href="javascript:this.location = 'index.php?page=1'">

Comments

यह प्रश्न या विषय के लिए प्रासंगिक नहीं लगता है। शायद आप समझा सकते हैं कि यह कैसे संबंधित है?

— स्कीइंग

बहुत प्रासंगिक है। वेब ऐप फुल स्क्रीन मिलने के बाद यह हमेशा बहुत ही अगला मुद्दा होता है।

— shrimpwagon

मेरे लिए, अगला मुद्दा यह है कि "मैं अब पृष्ठ को कैसे ताज़ा करूं कि यह पूर्ण स्क्रीन मोड में है?"

— निक

Answer 3

1. सबसे पहले, होम स्क्रीन से अपना सफारी ब्राउज़र लॉन्च करें और उस वेबपृष्ठ पर जाएं जिसे आप पूर्ण स्क्रीन देखना चाहते हैं।

2. वेबपृष्ठ का पता लगाने के बाद, अपनी स्क्रीन के शीर्ष पर तीर आइकन पर टैप करें।

3. ड्रॉप-डाउन मेनू में, होम स्क्रीन विकल्प में टैप करें।

4. ऐड टू होम विंडो प्रदर्शित होनी चाहिए। आप उस विवरण को अनुकूलित कर सकते हैं जो आपके iPad की होम स्क्रीन पर एक शीर्षक के रूप में दिखाई देगा। जब आप कर लें, तो Add बटन पर टैप करें।

5. अब आपके होम स्क्रीन पर एक नया आइकन दिखाई देना चाहिए। आइकन पर टैप करने से फुलस्क्रीन मोड में वेबपेज खुल जाएगा।

नोट: आपके आईपैड होम स्क्रीन पर आइकन फुलस्क्रीन मोड में केवल बुकमार्क किए गए पेज को खोलता है। आपके द्वारा देखे जाने वाले अगले पृष्ठ में सफारी का पता और शीर्षक पट्टियाँ होंगी। फुलस्क्रीन मोड में अपने वेबपेज या एचटीएमएल 5 प्रस्तुति को खेलने का यह तरीका काम करता है यदि वेबपेज के स्रोत कोड में निम्नलिखित टैग शामिल हैं:

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

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

Comments

आप कह सकते हैं कि यह ispringsolutions.com/articles/… :-) में पाए गए एक निर्देश की एक सीधी प्रति है

— जोकेम शुल्लेनक्लोपर

और शायद उन्होंने मेरी नकल की है। :) मैंने उस तिथि को देखा जो मैंने इस प्रश्न का उत्तर दिया है और इसकी प्रकाशित तिथि के साथ तुलना करें।

— कोड.पोर्ट

चीयर्स! यह आप का एक प्रकार है। :)

— कोड.पोर्ट

Answer 4

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

Comments

stackoverflow.com/questions/6429492/…

— अल्फा कोडमेकिन

Answer 5

इस साइट में एक कार्यशील वर्कअराउंड है, वही प्रभाव, व्यूपोर्ट की कुल ऊँचाई के लिए पहले बाल दिवस को सेट करने के लिए कुछ जावास्क्रिप्ट का उपयोग करता है। http://webapp-net.com/Demo/Index.html

Answer 6

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

यहाँ मेरा पूरा लेख है कि कैसे अपने वेब ऐप पर फुलस्क्रीन क्षमता को लागू किया जाए।