前端学习笔记

判断不同设备与横竖屏显示

2018-01-12  本文已影响11人  简小咖
// 判断pad iphone pc
    function BrowserRedirect() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (bIsIpad) {    //pad
            hengshuping();
            window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
            function hengshuping() {
                if (window.orientation == 90 || window.orientation == -90) {
                    //横屏
                    $("#wepapp").hide();
                    $("#ispad").show();
                } else {
                    //竖屏
                    $("#ispad").hide();
                    $("#wepapp").show();
                }
            }


        } else if (bIsIphoneOs || bIsAndroid || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM) {
            $("#wepapp").show();  //移动端
        } else {
            $("#ispad").show();  //pc
        }
    }
上一篇下一篇

猜你喜欢

热点阅读