javascript getOrientation_of_device_Landscape_Portrait

Posted 2021-05-03

        // V01 20181012

        // ohne Extension 
        // ohne AdServer-Template
        // funktioniert in allen mobilen Devices

        function getOrientationAll() {
            var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
            var orientationType = screen.msOrientation || (screen.orientation || screen.mozOrientation || {}).type; // e.g. "portrait-primary"
            var windowOrientation = '';

            if (isIOS){ // apple
                windowOrientation = window.orientation;

                if (Math.abs(windowOrientation) === 90) {
                    orientationType = 'Landscape';
                } else {
                    orientationType = 'Portrait';
                }
            } else { // everything else
                var firstLetter = orientationType.slice(0, 1).toLowerCase();
                if (firstLetter === 'l') {
                    orientationType = 'Landscape';
                } else {
                    orientationType = 'Portrait';
                }
            }
            // output
            document.getElementById('mainContainer').innerHTML = orientationType;
        }

        // Call/request the mode once on initial load and afterwards on orientationchange
        getOrientationAll();

        myFT.on("orientationchange", function(){
            getOrientationAll();
        });

        window.addEventListener('orientationchange', function(){
            getOrientationAll();
        });