码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-04-08 10:21:03      阅读:199      评论:0      收藏:0      [点我收藏+]

标签: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还是移动端打开网页

标签:mob   引入   ipa   element   gen   css样式   phone   cti   type   

原文地址:https://www.cnblogs.com/duxingdexin/p/8742946.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!