1. घर
  2. सवाल और जवाब
  3. आईओएस में सफारी में पता बार कैसे निकालें?

आईओएस में सफारी में पता बार कैसे निकालें?

2011-10-25 9 views

उत्तर

12

मैं लगता है कि कोड को अभी भी काम करना चाहिए ..

वैसे भी यहां मोबाइल सफारी है कि आप पूर्ण स्क्रीन चाहते हैं बताने के लिए सही तरीका है: click me

उदा का उपयोग

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

संपादित

एप्पल सफारी में एक न्यूनतम यूआई प्रदर्शित करने के लिए एक नया मोबाइल-ui संपत्ति का उपयोग करता है:

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

इसे इस तरह उपयोग करें:

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

स्रोत: https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html

स्रोत

2011-10-25 14:47:05 Gotschi

+1

सभी मेटा टैग का प्रयास करने के लिए, मुझे पुराने व्यवहार की आवश्यकता है जो पृष्ठ को होम स्क्रीन पर पृष्ठ के बिना लोड किए जाने के बाद पता बार छुपा सकता है। – firedev

+0

मेरी स्थिति में परिवर्तन ने केवल होमस्क्रीन पर ऐप डालने के बाद ही काम किया। – speznaz

+3

मैं इसे होमस्क्रीन पर ऐप जोड़ने के बिना काम करना चाहता हूं, यही बात है। – firedev

29

यह कई बातों का एक संयोजन के रूप में मैं जब खुद के लिए इस मुद्दे पर शोध पाया है है। यहाँ कोड है जो ठीक से iOS5 पर काम करता है: (मैं जानता हूँ कि मैं एक छोटे से देर हो रही है, लेकिन एक जवाब एक जवाब है, उम्मीद है कि यह भविष्य में लोगों की मदद कर सकते हैं)

<!DOCTYPE html> 
<html> 
<head> 
<title>Hide Address Bar</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script> 
window.addEventListener("load",function() { 
    setTimeout(function(){ 
    window.scrollTo(0, 0); 
    }, 0); 
}); 
</script> 
<style> 
body { min-height: 480px; } 
</style> 
</head> 
<body> 
<h1>Content</h1> 
</body> 
</html>

स्रोत: http://24ways.org/2011/raising-the-bar-on-mobile

उदाहरण: http://jsbin.com/isenax/

स्रोत

2012-02-26 22:13:58

+1

नए आईफोन 5 डिस्प्ले के लिए आपको थोड़ी-थोड़ी ऊंचाई को टक्कर लाना होगा। मेरे अनुभव ने 505 पीएक्स पर्याप्त होने के लिए दिखाया। आपके एप्लिकेशन के आधार पर आप उपयोगकर्ता के डिवाइस के आधार पर इसे गतिशील रूप से सेट करना चाहेंगे। – Sean

+3

सीएसएस शैली में ऊंचाई निर्दिष्ट करने के बजाय, आप व्यूपोर्ट मेटा-टैग में अतिरिक्त प्रविष्टि भी जोड़ सकते हैं। आप ऊंचाई = डिवाइस-ऊंचाई निर्दिष्ट कर सकते हैं। इस तरह, यदि आप डिवाइस के अभिविन्यास को बदलते हैं तो भी बार छुपाया जाएगा। –

5

चूंकि IOS7 window.scrollTo चाल अब और काम नहीं करती है। उपयोगकर्ता को होम स्क्रीन पर अपनी वेबसाइट जोड़ने के लिए आमंत्रित करने के अलावा इस समय के लिए कोई काम नहीं है।

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

Is it possible to hide the address bar in iOS 7 Safari?

Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch

स्रोत

2013-10-16 16:14:42 svassr

1

iOS 7 पर आप कम से कम-ui मेटा टैग का उपयोग कर सकते हैं। दुर्भाग्यवश, इसे आईओएस 8 में हटा दिया गया था।

आईओएस 8 के लिए एक ऐसी परियोजना है जिसे न्यूनतम-UI प्रकार की कार्यक्षमता वापस लाने के लिए माना जाता है। यह यहां पाया जा सकता है: https://github.com/gajus/brim

स्रोत

2015-05-28 20:52:35

संबंधित मुद्दे

 संबंधित मुद्दे