एचटीएमएल 5 पूर्ण स्क्रीन वेब ऐप्स: कोई ब्राउज़र बार

Question

मैं मोबाइल उपकरणों के लिए एक HTML5 वेब ऐप बना रहा हूं और ब्राउज़र को नेविगेशन बार (पिछला आगे बटन) को छिपाने के लिए कहा गया था (टाइपो यहाँ पिछला।)। मैं उसे कैसे प्राप्त कर सकता हूं?

मुझे लगता है कि मुझे फ़ोन गैप का उपयोग करके इसे प्राप्त करने में सक्षम होना चाहिए। लेकिन मुझे आश्चर्य है कि ब्राउज़र बार को छिपाने के लिए "सामान्य" वेब ऐप के लिए यह संभव है? मुझे लगता है कि अगर मैं होम स्क्रीन पर वेब साइट/एप पिन करता हूं तो यह संभव है?

आईफोन में http://ajaxian.com/archives/iphone-full-screen-webapps है, लेकिन कम से कम एंड्रॉइड के बारे में क्या?

Answer 1

मैं इस सवाल का पता इस बात इसलिए यहाँ पर पुराने हो चुके एक सा एक अद्यतन है इस समाधान बहुत अच्छा है:

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

न्यूनतम-ui विशेषता जबकि टास्कबार को हाथ लगाए बिना ब्राउज़र छिपाने सभी बटन बनाता है।

मैंने एंड्रॉइड के लिए इसका परीक्षण नहीं किया है।

Answer 2

आप अपने वेब-अनुप्रयोग में JQuery उपयोग कर सकते हैं की तुलना में मैं NiceScroll प्लगइन के लिए जाने के लिए आप सुझाव है।

इसका उपयोग मोबाइल और डेस्कटॉप ब्राउज़र दोनों के लिए किया जा सकता है और ब्राउज़र के स्क्रॉलबार छुपाएगा। यदि आपका कोड ब्राउज़र की व्यूपोर्ट ऊंचाई से आगे जा रहा है, तो इससे कस्टम स्क्रॉलबार बन जाएगा जो उपयोग में नहीं होने पर फीका होगा।

यहां its Demo है।

संपादित करें:
अपने अद्यतन के अनुसार, मैं जोड़ने के लिए है कि मैं वास्तव में एक देशी मोबाइल वेब एप्लिकेशन डेवलपर नहीं कर रहा हूँ, लेकिन जब अपनी समस्याओं के लिए खोज मैं कुछ ऐसा सवाल है कि आप का नेतृत्व करने में मदद कर सकते पाया चाहते हैं आगे रास्ता:

• Removing address bar from browser (to view on Android)
• Fullscreen Web App for Android

और इन ट्यूटोरियल रों:

• Full Screen Web Apps
• Best Practices for Web Apps

Answer 3

संपादित

न्यू जवाब

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

पुराना जवाब

यह जब कोई होमस्क्रीन पर एक webapp के रूप में सहेजता iPhone के लिए संभव है। यदि आप उचित मेटा टैग जोड़ते हैं तो यह काम करता है।

मानक browsermode के लिए यह एक सा जटिल काम आपको हैक्स पर वापस आने की है। मूल रूप से जब आप स्क्रॉल करते हैं तो पता बार गायब हो जाता है (आईफोन और एंड्रॉइड के लिए अधिकांश बार)। आप इसे जावास्क्रिप्ट के साथ नकली बना सकते हैं।मोबाइल टट्स पर भी एक अच्छा लेख है: http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/, लेकिन यह केवल तभी काम करता है जब सामग्री स्क्रीन रिज़ॉल्यूशन अधिक हो।

Answer 4

वहाँ एंड्रॉयड बीटा के लिए नवीनतम क्रोम में इस तरह के समारोह है:

iOS के लिए सफारी पर 7+: https://developers.google.com/chrome/mobile/docs/installtohomescreen

Answer 5

आप Android के लिए इस अनुप्रयोग का उपयोग कर सकते हैं: Kiosk Web/Html Browser, यह जहाँ आप एचटीएमएल रख सकते हैं अपने एसडी कार्ड में एक फ़ोल्डर बनाता है, फुलस्क्रीन "इमर्सिव मोड" में पता चला है।