使用方法當用戶將手機變爲風景時刷新網頁

Question

我正在爲Android和iPhone製作網絡應用程序。我的問題是，我想刷新網頁，當用戶去風景。由於我是JavaScript的初學者，我不知道該怎麼做。請幫我

Answer 1

您可以使用orientationchange jQuery Mobile的事件，然後做一個

window.location.reload(); 

刷新頁面。

例如：

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

你可以使用一個計時器並定期檢查：

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