JS判断是手机端还是PC端-蒲公英云

JS判断是手机端还是PC端

青旅半醒 2021-09-18 12:56 683阅读 0赞

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 || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
                    //电脑端
                    //加载css
                    var linkNode = document.createElement("link");
                    linkNode.setAttribute("rel","stylesheet");
                    linkNode.setAttribute("type","text/css");
                    linkNode.setAttribute("href","../../css/index.min.css");
                    document.head.appendChild(linkNode);
                    //加载js
                    var scriptNode = document.createElement("script");
                    scriptNode.setAttribute("type", "text/javascript");
                    scriptNode.setAttribute("src", "../../js/index.min.js");
                    document.head.appendChild(scriptNode);
                }else{
                    //手机端
                    var linkNode = document.createElement("link");
                    linkNode.setAttribute("rel","stylesheet");
                    linkNode.setAttribute("type","text/css");
                    linkNode.setAttribute("href","../../css/phone.min.css");
                    document.head.appendChild(linkNode);
                    //css
                    var scriptNode = document.createElement("script");
                    scriptNode.setAttribute("type", "text/javascript");
                    scriptNode.setAttribute("src", "../../js/phone.min.js");
                    document.head.appendChild(scriptNode);
                }
            }
browserRedirect();//调用判断当前访问页面是手机端还是移动端

另一种方法:

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                console.log("MOBEL");
            } else {
                console.log("PC");
            }