JS判断PC还是移动端打开网页

Posted 2020-10-30 独行的心

     最近在做移动端网站，也需兼容PC端。还没找到更好的方法，只能用javascr判断用户是在PC端打开还是移动端打开。

     JS判断

　　 var isPC = function (){
    　　var userAgentInfo = navigator.userAgent.toLowerCase();
   　　 var Agents = new Array("android", "iphone", "symbianOS", "windows phone", "ipad", "ipod");
   　　 var flag = true;
    　　for (var v = 0; v < Agents.length; v++) {
       　　 if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
   　　 }
    　　return flag;
　　}

  根据判断，引入不同的css样式文件

    var isPC = isPC();
    function js_onload(){
            var head=document.getElementsByTagName("head");  
            var es=document.createElement("link");
            if (!isPC) {
                es.href=‘css/mobile.css‘;  
            }else{
                es.href= ‘css/PC.css‘
            }
            es.rel="stylesheet";  
            es.type="text/css";  
            head[0].appendChild(es);  
            
    }   
    js_onload();

这个有些麻烦！！！！也许后续会找到更好的方法，来写这些兼容了