JS獲取手機、ipad橫豎屏幕方向並監聽變化

 if (navigator.userAgent.match(/mobile/i)) {

            var mql = window.matchMedia('(orientation: portrait)');
            function onMatchMediaChange(mql) {
                if (mql.matches) {
                    //豎屏
                    alert('此時豎屏')
                } else {
                    //橫屏
                    alert('此時橫屏')
                }
            }
            // 輸出當前屏幕模式
            onMatchMediaChange(mql);

            // 監聽屏幕模式變化
            mql.addListener(onMatchMediaChange);

        }