Ich habe ein @ verwend.js, um eine Landschaftsansicht vom Mobilgerät aus zu vermeiden. Ich habe ein weißes Vollbild bearbeitet, das besagt, dass diese Site nicht im Querformat angezeigt wird. Schalten Sie Ihr Gerät bitte um, damit es jedes Mal angezeigt wird, wenn ich mein Gerät vom Hochformat in das Querformat drehe. Es funktioniert nur, wenn ich eine Seite lade und mich bereits im Querformat befinde. Haben Sie eine Idee, wie Sie das Problem beheben können? Vielen Dan

<script>
(function() {
    'use strict';

    var isMobile = {
        Android: function() {
            return navigator.userAgent.match(/Android/i);
        },
        BlackBerry: function() {
            return navigator.userAgent.match(/BlackBerry/i);
        },
        iOS: function() {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        },
        Opera: function() {
            return navigator.userAgent.match(/Opera Mini/i);
        },
        Windows: function() {
            return navigator.userAgent.match(/IEMobile/i);
        },
        any: function() {
            return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
        }
    };
    if (isMobile.any()) {
        doOnOrientationChange();
        window.addEventListener('resize', doOnOrientationChange, 'false');
    }

    function doOnOrientationChange() {
        var a = document.getElementById('alert');
        var b = document.body;
        var w = b.offsetWidth;
        var h = b.offsetHeight;
        (w / h > 1) ? (a.className = 'show', b.className = 'full-body') : (a.className = 'hide', b.className = '');
    }
})();
</script>

Update:

Ich habe versucht, window.orientation zum Skript hinzuzufügen, aber etwas stimmt nicht

if (orientation === "landscape-primary") {
    doOnOrientationChange();
    window.addEventListener('resize',doOnOrientationChange,'false');
}

window.onload(doOnOrientationChange());