Come ricaricare la pagina Web quando cambia l'orientamento?

Sto tentando di attivare un evento con jQuery mobile che ricarica automaticamente la pagina quando l'orientamento del dispositivo cambia. Ho richieste multimediali scritte con max-device-width,orientation:landscape, e orientation: portrait. Poiché lo standard <video> non viene ridimensionato correttamente ... l'unica soluzione a cui posso pensare è di aggiornare la pagina alla query multimediale corretta con il dispositivo ruotato.Come ricaricare la pagina Web quando cambia l'orientamento?

Come faccio a fare questo? Grazie.

fonte

2013-07-17 David Berning

Hai guardato nel 'onOrientationChange 'evento? – oomlaut

@oomlaut Un po '. –

@Ross Non ha funzionato. È sufficiente incollare il codice nel tag

Grazie ragazzi che hanno risposto, ma ho trovato questo e usato questo e ha funzionato perfettamente.

<script type="text/javascript"> // RELOADS WEBPAGE WHEN MOBILE ORIENTATION CHANGES 
    window.onorientationchange = function() { 
     var orientation = window.orientation; 
      switch(orientation) { 
       case 0: 
       case 90: 
       case -90: window.location.reload(); 
       break; } 
    };

fonte

2013-07-18 20:34:08

Sono contento che tu l'abbia capito. Un suggerimento: non hai bisogno dell'istruzione switch. In questo modo invece - 'window.onorientationchange = function() { \t window.location.reload(); }; ' – Ross

@Ross Ci proverò domani. Grazie. –

Si prega di provare il seguente codice per reindirizzare la pagina su eventi di orientamento, il suo lavoro bene per me

if (window.DeviceOrientationEvent) { 
    window.addEventListener('orientationchange', function() { location.reload(); }, false); 
}

Grazie

fonte

2017-07-07 05:44:47

<script type="text/javascript"> 
window.addEventListener("orientationchange", function() { 
     console.log(screen.orientation); 
}, false); 
</script>

fonte

2017-07-26 12:05:05

Come ricaricare la pagina Web quando cambia l'orientamento?

Problemi correlati