美文网首页前端学习笔记
判断不同设备与横竖屏显示

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

作者: 简小咖 | 来源:发表于2018-01-12 15:04 被阅读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
        }
    }

相关文章

网友评论

    本文标题:判断不同设备与横竖屏显示

    本文链接:https://www.haomeiwen.com/subject/fqsfoxtx.html