2011-04-23 6 views
19

मेरी jQuery मोबाइल परियोजना पर मैं निम्नलिखित कोड का उपयोग कर रहा:छिपाएं सफारी पता पट्टी और पाद

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 

मैं सफ़ारी ब्राउज़र पता पट्टी और एनएवी पाद लेख हो रही है। मैं उनको कैसे छिपा सकता हूं ताकि मैं अपना ऐप दिखा सकूं?

उत्तर

48

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

"छुपा सफारी उपयोगकर्ता इंटरफ़ेस घटक" शीर्षक वाले अनुभाग को देखें here

आप होम स्क्रीन पर दिखाई देने वाले ऐप के लिए स्प्लैश स्क्रीन छवियां और कस्टम आइकन प्रारंभ कर सकते हैं।

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<link rel="apple-touch-icon" href="apple-touch-icon-57x57.png" /> 
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" /> 
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" /> 
<link rel="apple-touch-startup-image" href="apple-touch-startup-image-320x460.png" /> 
<link rel="apple-touch-startup-image" sizes="768x1004" href="apple-touch-startup-image-768x1004.png" /> 
+0

यह सही है। साझा करने के लिए बहुत धन्यवाद। – Satch3000

+0

डिट्टो। महान खोज धन्यवाद! – John

+0

+1। अगर आपको अनुमति दी गई तो मैं आपको अधिक उत्साहित करूंगा:) इससे मुझे बहुत समय बचाया। thx – chrisvillanueva

3

आपको <meta> टैग की आवश्यकता नहीं है। jQuery मोबाइल को आईओएस पर एड्रेस बार छिपाने का ख्याल रखना चाहिए। कभी भी नौसेना पाद लेख गायब नहीं हो पाया।

+0

मुझे पता है कि सेन्चा टच उन्हें बहुत अच्छी तरह से छुपाता है। मुझे आशा है कि मैं दोनों से छुटकारा पाने के लिए एक समाधान पा सकता हूं। – Satch3000

+2

इसके अलावा, आपके मेटा टैग में ऊंचाई गुम है। इस लिंक के मुताबिक http://forum.jquery.com/topic/iphone-safari-address-bar-jumps-down-after-page-transition यह है कि आप ऐसा करने की कोशिश कर रहे हैं <मेटा नाम = "व्यूपोर्ट" सामग्री = "प्रारंभिक-स्केल = 1.0, अधिकतम-स्केल = 1.0, ऊंचाई = डिवाइस-ऊंचाई, चौड़ाई = डिवाइस-चौड़ाई, उपयोगकर्ता-स्केलेबल = नहीं"> – Jay

+0

कोशिश की गई कि मैं अपना हेडर टूलबार खो दूं: o/ – Satch3000

0

रोब, नीचे स्क्रिप्ट जोड़ने का प्रयास करें। यह उसी विंडो में नए अनुरोध को खोलने की चाल करनी चाहिए

<script type="text/javascript"> 
    window.onload = function() { 
     var a = document.getElementsByTagName("a"); 
     for (var i = 0; i < a.length; i++) { 
      if (a[i].className.match("noeffect")) { 
       // Does nothing 
      } 
      else { 
       a[i].onclick = function() { 
        window.location = this.getAttribute("href"); 
        return false; 
       }; 
      } 
     } 
    }; 
</script> 
+0

ओपी का उपयोग कर रहा है क्योंकि आपको jQuery का उपयोग करना चाहिए! – Florent