JavaScript判断设备是手机端还是PC端，并加载不同的css/js文件

最新推荐文章于 2024-05-30 15:47:51 发布

栗子i维C

最新推荐文章于 2024-05-30 15:47:51 发布

阅读量954

点赞数

分类专栏： html JavaScript 文章标签： js判断移动端手机端

html 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

JavaScript

19 篇文章 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{
                //手机端
                //加载css
                var oMeta = document.createElement('meta');
                oMeta.name = 'viewport';
                oMeta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';
                document.getElementsByTagName('head')[0].appendChild(oMeta);
                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);
                //加载js
                var scriptNode = document.createElement("script");
                scriptNode.setAttribute("type", "text/javascript");
                scriptNode.setAttribute("src", "../../js/phone.min.js");
                document.head.appendChild(scriptNode);
        }
}

browserRedirect();//调用判断当前访问页面是手机端还是移动端