Jak to zrobić Odświeżanie strony internetowej, gdy użytkownik zmienia się w telefon na krajobraz

Question

Robię aplikację internetową dla Androida i iPhone'a. Mój problem polega na tym, że chcę odświeżyć stronę, gdy użytkownik przejdzie w krajobraz. Ponieważ jestem początkującym w javascript, nie wiem jak to zrobić. proszę mi pomóc

Answer 1

Można użyć zdarzenia orientationchange jQuery komórkowy, a następnie zrobić

window.location.reload(); 

, aby odświeżyć stronę.

Na przykład:

$(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

Można użyć czasomierz i okresowo sprawdzać:

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