कैसे करें जब उपयोगकर्ता मोबाइल पर परिदृश्य में बदलता है तो वेब पेज रीफ्रेश करें

Question

मैं एंड्रॉइड और आईफोन के लिए एक वेब एप्लिकेशन कर रहा हूं। मेरी समस्या यह है कि, जब मैं परिदृश्य में जाता हूं, तो मैं वेबपृष्ठ को रीफ्रेश करना चाहता हूं। चूंकि मैं जावास्क्रिप्ट में एक नौसिखिया हूं, मुझे नहीं पता कि यह कैसे करें। कृपया मेरी मदद

Answer 1

आप orientationchange jQuery मोबाइल घटना इस्तेमाल कर सकते हैं और फिर एक

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... 
}