判断浏览器,区分PC和移动

判断浏览器

getBrowserInfo () { 
    var ua = navigator.userAgent.toLocaleLowerCase(); 
    var browserType=null; 
    if (ua.match(/msie/) != null || ua.match(/trident/) != null) { 
        browserType = "IE"; 
        browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1]; 
    } else if (ua.match(/firefox/) != null) { 
        browserType = "火狐"; 
    }else if (ua.match(/ubrowser/) != null) { 
        browserType = "UC"; 
    }else if (ua.match(/opera/) != null) { 
        browserType = "欧朋"; 
    } else if (ua.match(/bidubrowser/) != null) { 
        browserType = "百度"; 
    }else if (ua.match(/metasr/) != null) { 
        browserType = "搜狗"; 
    }else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) { 
        browserType = "QQ"; 
    }else if (ua.match(/maxthon/) != null) { 
        browserType = "遨游"; 
    }else if (ua.match(/chrome/) != null) { 
        var is360 = _mime("type", "application/vnd.chromium.remoting-viewer"); 
        function _mime(option, value) { 
            var mimeTypes = navigator.mimeTypes; 
            for (var mt in mimeTypes) { 
                if (mimeTypes[mt][option] == value) { 
                    return true; 
                } 
            } 
            return false; 
        } 
        if(is360){ 
            browserType = '360'; 
        }else{ 
            $('html').css("zoom",".80"); 
        } 
    }else if (ua.match(/safari/) != null) { 
        browserType = "Safari"; 
    } 
    return browserType
},

区分PC和移动

web端:app.vue

  beforeCreate() { 
    if (/Android|webOS|iPhone|ipad|iPod|BlackBerry/i.test(navigator.userAgent)) {
      window.location.href = 'https://didifoundation.didiglobal.com/app/'
    }
  }

app端:app.vue

  beforeCreate() {
    if (!/Android|webOS|iPhone|ipad|iPod|BlackBerry/i.test(navigator.userAgent)) {
      window.location.href ='https://didifoundation.didiglobal.com/'
    }
  },

网站导航

网站导航

你可能感兴趣的:(判断浏览器,区分PC和移动)