मोबाइल सफारी पर ज़ूम स्तर सेट करने के लिए मैं जावास्क्रिप्ट का उपयोग कैसे कर सकता हूं?मोबाइल सफारी पर ज़ूम स्तर सेट करने के लिए मैं जावास्क्रिप्ट का उपयोग कैसे कर सकता हूं?
उत्तर
इस प्रयास करें: जहाँ तक मुझे पता के रूप में
<meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable:no;">
, आप ज़ूम कारक शैली बदलकर पाठ का आकार बदल सकते हैं शरीर के '-webkit-पाठ आकार समायोजित' तत्व।
चेक में अधिक जानकारी के लिए इस लिंक:
मुझे जावास्क्रिप्ट के माध्यम से पूरे ब्राउज़र के ज़ूम स्तर को सेट करने में सक्षम होना चाहिए। विशेष रूप से, मुझे डबल-टैप कैप्चर करने और ज़ूम स्तर को उस राशि तक सेट करने की आवश्यकता है जो मुझे उचित लगता है। मैं इसे प्राप्त करने के लिए डीओएम तत्वों के आकार को बदलना नहीं चाहता हूं। उपयोगकर्ता को चुपके ज़ूम से स्विच करने में सक्षम होना जरूरी ज़ूम को दोबारा ज़ूम करने की आवश्यकता है। – JoshNaro
तो सफारी के लिए मूल डबल-टैप/चुटकी इशारों से आप अलग-अलग क्या करना चाहते हैं? –
[UPDATED] ऐसा लगता है कि आप मोबाइल सफारी में डबल नल पर कब्जा करना चाहते हैं। आप touchend
ईवेंट को संभालने के द्वारा ऐसा कर सकते हैं, या उपलब्ध ढांचे का उपयोग कर सकते हैं, जैसे this site में प्रदान किया गया।
संशोधित डेमो पर एक नज़र डालें: http://jsbin.com/atayo4/20
<p id="tap">double tap to zoom</p>
<input id="zoomWidth" type="text" value="400" />
<p id="feedback"></p>
$(document).ready(function(){
$('#tap').doubletap(
// double tap handler
function(e) {
$('#feedback').addClass('red').html('double tap! Zoom width: ' + $('#zoomWidth').val());
var zoomWidth = $('#zoomWidth').val();
// zoom with the new width
$('meta[name="viewport"]').attr('content', 'width=' + zoomWidth + ', user-scalable:no');
$('#zoomWidth').val(parseInt(zoomWidth, 10) - 25);
},
// single tap handler
function(e) {
$('#feedback').removeClass('red').html('single tap! Zoom width: ' + $('#zoomWidth').val());
},
// double tap delay, default 500
400
);
});
मैं कोई लाभ नहीं हुआ जावास्क्रिप्ट के साथ मेटा टैग में न्यूनतम/अधिकतम तराजू और चौड़ाई से छेड़छाड़ की कोशिश की। कोड के साथ ज़ूम स्तर सेट करने की कोशिश करने के बजाय (मुझे लगता है कि यह संभव नहीं है), मैं अपनी अपेक्षाकृत बड़ी छवि के शीर्ष पर छोटे अदृश्य बॉक्स बनाने जा रहा हूं। यह उपयोगकर्ताओं को छवि के दिलचस्प वर्गों पर देशी डबल-टैप के माध्यम से ज़ूम इन (और आउट) करने की अनुमति देगा।
मैंने 'document.createEvent (" TouchEvent ") का उपयोग करके एक डबल टैप ईवेंट अनुकरण करने की भी कोशिश की;', '.initTouchEvent (...)', 'document.createTouch (...) 'और सभी जैज़, हालांकि, सफलता के बिना। घटनाएं जावास्क्रिप्ट इंजन द्वारा पहचानी जाती हैं, लेकिन सफारी के व्यूपोर्ट नियंत्रक द्वारा नहीं। –
यह थोड़ी देर पहले था, लेकिन मुझे लगता है कि हम केवल चौड़ाई और ऊंचाई बदल रहे हैं और आसपास के काम के रूप में उच्च गुणवत्ता वाली इमेजरी लोड कर रहे हैं। यही है, हम कृत्रिम रूप से ज़ूम किया। – JoshNaro
दिलचस्प समाधान, फॉलो-अप के लिए धन्यवाद। मुझे बस पता चला कि कोई भी मेटा [name = viewport] टैग में हेरफेर करके ज़ूम स्तर को सॉर्ट कर सकता है। यह एक चिकनी संक्रमण नहीं है, लेकिन शायद कोई विंडो आयाम और स्क्रॉलिंग स्थिति को पढ़ सकता है और फिर चौड़ाई और अधिकतम/न्यूनतम पैमाने पैरामीटर को क्रमशः समायोजित कर सकता है। –
- 1. मोबाइल ब्राउज़र पर ज़ूम स्तर सेट करना
- 2. ज़ूम मोबाइल सफारी
- 3. मैं PHP का उपयोग कर मोबाइल सफारी सर्वर पक्ष का पता कैसे लगा सकता हूं?
- 4. जावास्क्रिप्ट/onorientationchange का उपयोग कर आईफोन पर सफारी के पैमाने/चौड़ाई/ज़ूम रीसेट करें
- 5. मैक पर मोबाइल सफारी और सफारी के बीच जावास्क्रिप्ट अंतर?
- 6. क्या मैं आईफोन अभिविन्यास परिवर्तन पर मोबाइल सफारी में एक सीएसएस कार्यक्रम ट्रिगर कर सकता हूं?
- 7. क्या मैं log4j का उपयोग कर जावा विधि के भीतर लॉगिंग स्तर सेट कर सकता हूं?
- 8. मैं WebGL का उपयोग कर कैनवास पर पिक्सेल का रंग कैसे सेट कर सकता हूं?
- 9. मोबाइल सफारी के लिए विंडो ऑब्जेक्ट का निरीक्षण कैसे कर सकता हूं?
- 10. क्या मैं वेब ऐप पर ध्वनि रिकॉर्ड करने के लिए जावास्क्रिप्ट का उपयोग कर सकता हूं?
- 11. UITextView की चौड़ाई बदलने के लिए मैं चुटकी ज़ूम (UIPinchGestureRecognizer) का उपयोग कैसे कर सकता हूं?
- 12. मैं जावा में जावास्क्रिप्ट का उपयोग कैसे कर सकता हूं?
- 13. प्रोफाइल मोबाइल सफारी (आईपैड) जावास्क्रिप्ट?
- 14. मोबाइल सफारी
- 15. क्या मैं वैश्विक स्तर पर HTTP कनेक्शन का टाइमआउट सेट कर सकता हूं?
- 16. मैं ज़ूम स्तर के संबंध में स्वचालित रूप से एमकेएएनोटेशन कैसे समूहित कर सकता हूं?
- 17. मैं जावास्क्रिप्ट में गोटो का उपयोग कैसे कर सकता हूं?
- 18. मैं मोबाइल/आईपैड पर e.offsetX कैसे प्राप्त कर सकता हूं
- 19. मोबाइल सफारी
- 20. कोर डेटा संबंधों पर फ़िल्टर करने के लिए मैं एनएसपी्रेडिकेट का उपयोग कैसे कर सकता हूं?
- 21. मैं UIScrollView में वर्तमान ज़ूम स्तर कैसे प्राप्त कर सकता हूं?
- 22. चुटकी ज़ूम इन, ज़ूम आउट - एंड्रॉइड मंच पर वेब के लिए जावास्क्रिप्ट/jquery/jquery मोबाइल इवेंट?
- 23. मोबाइल चुटकी/ज़ूम कार्रवाई के लिए जावास्क्रिप्ट ईवेंट
- 24. मोबाइल सफारी पर जावास्क्रिप्ट के साथ आईफोन से यूडीआईडी पढ़ें
- 25. मैं पर्ल के बिग्नम के लिए परिशुद्धता का स्तर कैसे निर्धारित कर सकता हूं?
- 26. मैं वाईएक्स का उपयोग कर एक समेकित फ़ाइल के लिए आइकन कैसे सेट कर सकता हूं?
- 27. मैं विश्व स्तर पर संस्कृति को एक WPF एप्लिकेशन में कैसे सेट कर सकता हूं?
- 28. मैं ListViewSubItem के लिए आइकन कैसे सेट कर सकता हूं?
- 29. मैं UIScrollView ज़ूम बाउंस को कैसे रद्द कर सकता हूं?
- 30. मैं s3 पर फ़ाइल को संपादित करने के लिए कोहरे का उपयोग कैसे कर सकता हूं?
लेकिन क्या आप इसे जावास्क्रिप्ट में कर सकते हैं? –
कोई जवाब नहीं बल्कि चिंता का विषय है, यदि उपयोगकर्ता अपने मोबाइल डिवाइस पर जावास्क्रिप्ट अक्षम करता है तो क्या होगा? क्या आप केवल सफारी का उपयोग कर मोबाइल ब्राउज़र को लक्षित कर रहे हैं? – ngen