टैबलेट

Question

के अभिविन्यास को निर्धारित करने के लिए जावास्क्रिप्ट एल्गोरिदम हम गोलियों के लिए विकसित एक HTML5/जावास्क्रिप्ट ऐप बना रहे हैं, और हम अपनी स्क्रीन को लैंडस्केप बनाम चित्र में अलग-अलग रखना चाहते हैं।

मूल रूप से, हम अभिविन्यास परिवर्तन अधिसूचनाओं को कैप्चर कर रहे थे, और वर्तमान अभिविन्यास (आमतौर पर 0, 90, -90 या 180 डिग्री के रूप में रिपोर्ट किए गए) को ट्रैक रखते हुए - this question देखें)। दुर्भाग्यवश, विभिन्न डिवाइस different orientations as "0" की रिपोर्ट करते हैं। उस लिंक का तर्क है कि यह एक बग है, लेकिन कुछ सबूत हैं कि यह काम-डिजाइन के रूप में काम कर रहा है - उदाहरण के लिए, this article बताता है कि "परिदृश्य" डिफ़ॉल्ट अभिविन्यास है और वे डिवाइस लैंडस्केप मोड में होने पर "0" के अभिविन्यास की रिपोर्ट करते हैं ।

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

this question की प्रतिक्रिया काफी पुरानी है। क्या यह अभी भी सबसे अच्छा जवाब है? क्या किसी के पास एक अच्छा एल्गोरिदम है जो कीबोर्ड दृश्यता को ध्यान में रखता है?

Answer 1

http://jsfiddle.net/jjc39/

इस प्रयास करें:

<span id="orientation">orientation</span>​ 

$(document).ready(checkOrientation); 
$(window).resize(checkOrientation); 

function checkOrientation() { 
    var orientation = "Portrait"; 
    var screenWidth = $(window).width(); 
    var screenHeight = $(window).height(); 
    if (screenWidth > screenHeight) { 
     orientation = "Landscape"; 
    } 
    $("#orientation").html(orientation); 
}​