JS判斷PC還是移動端開啟網頁

標籤：mob   引入   ipa   element   gen   css樣式   phone   cti   type   

     最近在做移動端網站，也需相容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();

這個有些麻煩！！！！也許後續會找到更好的方法，來寫這些相容了

 

 

 

 

 

 

 

 

 

 

 

  

    

JS判斷PC還是移動端開啟網頁