Algoritmo JavaScript per determinare l'orientamento del tablet

Question

Stiamo costruendo un'app HTML5/JavaScript sviluppata per tablet e vogliamo disporre i miei schermi in modo diverso in orizzontale o verticale.

Inizialmente, stavamo acquisendo notifiche di cambio di orientamento e tenendo traccia dell'orientamento corrente (generalmente indicato come 0, 90, -90 o 180 gradi - vedere this question). Purtroppo, diversi dispositivi segnalano different orientations as "0". Questo link sostiene che si tratta di un bug, ma alcuni elementi dimostrano che questo funziona come progettato, ad esempio, this article suggerisce che "orizzontale" è l'orientamento predefinito e quei dispositivi riportano un orientamento di "0" se conservati in modalità orizzontale .

Successivamente abbiamo cercato di osservare le dimensioni effettive dello schermo, supponendo che quando la larghezza fosse maggiore dell'altezza, eravamo in modalità orizzontale. Ma questo algoritmo viene confuso quando viene visualizzata la tastiera su schermo - quando viene visualizzata la tastiera, vengono restituite le dimensioni dell'area visibile. Quando il dispositivo è, in senso stretto, in modalità verticale, ma la porzione dello schermo non oscurata dalla tastiera è più larga di quanto non sia alta.

La risposta a this question è piuttosto vecchia. È ancora la migliore risposta? Qualcuno ha un buon algoritmo che tiene in considerazione la visibilità della tastiera?

Answer 1

http://jsfiddle.net/jjc39/

Prova questo:

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