javascript - How to do Refresh a web page when user turns mobile to landscape - Stack Overflow

admin管理员组

文章数量:1356377

I am doing a web application for android and iPhone. My problem is, i want to do refresh the webpage, when user goes to landscape. Since i'm a beginner in javascript i don't know how to do this. please help me

I am doing a web application for android and iPhone. My problem is, i want to do refresh the webpage, when user goes to landscape. Since i'm a beginner in javascript i don't know how to do this. please help me

• javascript
• jquery
• html

Share Improve this question Follow asked Jan 13, 2012 at 9:46 FreshBitsFreshBits 1,01344 gold badges1313 silver badges2525 bronze badges 2

• 2 There exists an question like this and an answer ;) stackoverflow./questions/850472/… – matzino Commented Jan 13, 2012 at 9:52
• please close this question to avoid duplicates – Murtaza Commented Jan 13, 2012 at 10:12

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You could use the orientationchange jQuery Mobile event and then do a

window.location.reload(); 

to refresh the page.

For example:

$(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>");
}

});

You could use a timer and periodically check:

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

本文标签： javascriptHow to do Refresh a web page when user turns mobile to landscapeStack Overflow