Wie lade ich die Webseite neu, wenn sich die Ausrichtung ändert?

Ich versuche ein Ereignis mit jQuery mobile auszulösen, das die Seite automatisch neu lädt, wenn sich die Ausrichtung des Geräts ändert. Ich habe Medienabfragen geschrieben mit max-device-width,orientation:landscape, und orientation: portrait. Da die <video> nicht richtig skalieren ... die einzige Lösung, die ich mir vorstellen kann, ist, die Seite auf die richtige Medienabfrage mit dem Gerät zu aktualisieren, wird gedreht.Wie lade ich die Webseite neu, wenn sich die Ausrichtung ändert?

Wie gehe ich dabei vor? Vielen Dank.

Quelle

2013-07-17 David Berning

Haben Sie sich in den 'onorientationchange zu umleiten 'Ereignis? – oomlaut

@oomlaut Ein bisschen. –

@Ross Es hat nicht funktioniert. Fügen Sie einfach Ihren Code in das

Danke Jungs, die beantwortet, aber ich fand diese und verwendet, um dieses und es funktionierte perfekt.

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

Quelle

2013-07-18 20:34:08

Ich bin froh, dass du es herausgefunden hast. Ein Vorschlag - Sie brauchen die switch-Anweisung nicht. Wie dies stattdessen - 'window.onorientationchange = function() { \t window.location.reload(); }; ' – Ross

@Ross Ich werde das morgen versuchen. Vielen Dank. –

Bitte versuchen Sie den folgenden Code, um die Seite auf Orientierungsveranstaltung, seine Arbeit gut für mich

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

Dank

Quelle

2017-07-07 05:44:47

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

Quelle

2017-07-26 12:05:05

Verwandte Themen