"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > मैं जावास्क्रिप्ट के साथ एंड्रॉइड पर ब्राउज़र में डिवाइस रोटेशन का विश्वसनीय रूप से कैसे पता लगा सकता हूं?

मैं जावास्क्रिप्ट के साथ एंड्रॉइड पर ब्राउज़र में डिवाइस रोटेशन का विश्वसनीय रूप से कैसे पता लगा सकता हूं?

2024-11-09 को प्रकाशित
ब्राउज़ करें:274

How can I Reliably Detect Device Rotation in a Browser on Android with JavaScript?

जावास्क्रिप्ट के साथ एंड्रॉइड पर ब्राउज़र में डिवाइस रोटेशन का पता लगाएं

रोटेशन का पता लगाने में संगतता चुनौतियां

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

रोटेशन डिटेक्शन के लिए विश्वसनीय दृष्टिकोण

इन विसंगतियों को दूर करने के लिए, आकार और अभिविन्यास परिवर्तन दोनों घटनाओं को सुनने और सुरक्षा उपाय के रूप में मतदान लागू करने की अनुशंसा की जाती है। यह दृष्टिकोण सुनिश्चित करता है कि अंततः आपको एक वैध ओरिएंटेशन मान प्राप्त होगा।

var previousOrientation = window.orientation;
var checkOrientation = function(){
    if(window.orientation !== previousOrientation){
        previousOrientation = window.orientation;
        // Handle orientation change as needed
    }
};

window.addEventListener("resize", checkOrientation, false);
window.addEventListener("orientationchange", checkOrientation, false);

// (Optional) Poll for orientation changes on Android (180 degree turns)
setInterval(checkOrientation, 2000);

घटना अनुक्रम और मूल्य परिवर्तन

घटनाओं का क्रम और मूल्यों में परिवर्तन विभिन्न उपकरणों में भिन्न-भिन्न होते हैं। यहां विभिन्न उपकरणों से परिणामों का सारांश देने वाली एक तालिका है:

Deviceघटनाएं सक्रिय (से) लैंडस्केप)ओरिएंटेशनinnerWidthscreen.width
iPad 2आकार बदलें, ओरिएंटेशनचेंज901024768
iPhone 4आकार बदलें, ओरिएंटेशनचेंज90480320
Droid फ़ोनओरिएंटेशनचेंज, आकार बदलें90320569
सैमसंग गैलेक्सी टैबलेटओरिएंटेशनचेंज, ओरिएंटेशनचेंज, ओरिएंटेशनचेंज, आकार बदलें , ओरिएंटेशनचेंज90, 90, 90400683

अतिरिक्त विचार

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

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3