Tabletin yönünü belirlemek için JavaScript algoritması

Question

Tabletler için geliştirilmiş bir HTML5/JavaScript uygulaması oluşturuyoruz ve ekranlarımı yatay ve dikey olarak düzenlemek istiyoruz.

Orijinal olarak, yönlendirme değişikliği bildirimlerini yakalıyor ve geçerli yönlendirmeyi takip ediyorduk (genellikle 0, 90, -90 veya 180 derece olarak raporlanıyor - bkz. this question). Ne yazık ki, farklı cihazlar different orientations as "0" bildiriyor. Bu bağlantı, bunun bir hata olduğunu iddia ediyor, ancak bunun tasarlandığı gibi çalıştığına dair bazı kanıtlar var - örneğin, this article, "manzara" nın varsayılan yönelim olduğunu ve bu cihazların yatay modda tutulduğunda "0" yönünü bildirdiklerini öne sürüyor .

Daha sonra, genişlikten daha büyük olduğunda, manzara modunda olduğumuzu varsaydığımızdan, gerçek ekran boyutuna bakmaya çalıştık. Ancak, ekran klavyesi görüntülendiğinde bu algoritma karışır - klavye görüntülendiğinde, görünen alanın boyutları döndürülür. Aygıt, kesinlikle, dikey modda, ancak klavye tarafından gizlenmeyen ekranın kısmı, uzun boylu olduğundan daha geniş olduğunda.

this question cevabı oldukça eskidir. Bu hala en iyi cevap mı? Klavyenin görünürlüğünü göz önünde bulunduran iyi bir algoritma var mı?

Answer 1

http://jsfiddle.net/jjc39/

bu deneyin:

<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); 
}​