JavaScript移动端设备判断

判断是安卓还是ios

var u = navigator.userAgent; 

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;

var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

判断是不是横屏

判断窗口有没有orientationchange（使用方向改变）这个方法，有就命中这个事件，没有就命中“resize”事件-电脑端的改变窗口事件。

$(window).on("orientationchange",fun)可监听移动设备方向改变时事件

window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
    if (window.orientation === 180 || window.orientation === 0) {   
            //纵向视图window.orientation返回 0
         //纵向的：竖屏，隐藏遮罩层与提示
        document.querySelector('.land').style.display = 'none';

    }
    if (window.orientation === 90 || window.orientation === -90 ){  
          //横向视图window.orientation返回 90 或 -90
        //横向的：显示遮罩层与提示
        document.querySelector('.land').style.display = 'block';

    }
}, false);

• window.orientation属性可设置不同使用方向

---

2018.4.20