Cómo hacer una actualización de una página web cuando el usuario se vuelve móvil al paisaje

Question

Estoy haciendo una aplicación web para Android y iPhone. Mi problema es que quiero actualizar la página web cuando el usuario va al paisaje. Como soy un principiante en JavaScript, no sé cómo hacer esto. Por favor, ayúdame

Answer 1

Se podría utilizar el evento orientationchange jQuery Mobile y luego hacer un

window.location.reload(); 

para actualizar la página.

Por ejemplo:

$(function(){ 

// Set Inital orientation 
// get the initial orientation from window which 
// returns 0 for portrait and 1 for landscape 
if(window.orientation == 0){ 
    var ori = "portrait"; 
}else{ 
    var ori = "landscape"; 
} 
changeOrientation(ori); 

// Orientation Change 
// When orientation changes event is triggered 
// exposing an orientation property of either 
// landscape or portrait 
$('body').bind('orientationchange',function(event){ 
    changeOrientation(event.orientation) 
}) 

// Change the style dependengt on orientation 
function changeOrientation(ori){ 
    // Remove all classes separated by spaces 
    $("#orientation").removeClass('portrait landscape'); 
    $("#orientation").addClass(ori); 
    $("#orientation").html("<p>"+ori.toUpperCase()+"</p>"); 
} 

}); 

Answer 2

Se puede usar un temporizador y comprobar periódicamente:

if (window.innerHeight > window.innerWidth) { 
    // Redirect code, window.location... 
}