区分各个浏览器、移动端设备

2020-02-25  本文已影响0人  小海豚嗷嗷

PC端区分各个浏览器

var ua=navigator.userAgent.toLowerCase();

    if(/msie/i.test(ua) && !/opera/.test(ua)){ 

        alert("IE"); 

        return ; 

    }else if(/firefox/i.test(ua)){ 

        alert("Firefox"); 

        return ; 

    }else if(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua)){ 

        alert("Chrome"); 

        return ; 

    }else if(/opera/i.test(ua)){ 

        alert("Opera"); 

        return ; 

    }else if(/iPad/i){

        alert("ipad");

        return ;

    }

    else if(/webkit/i.test(ua) &&!(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua))){ 

        alert("Safari"); 

        return ; 

    }else{ 

        alert("unKnow"); 

    } 

有些软件是内置的浏览器,比如新浪微博、腾讯QQ(非QQ浏览器)和微信

(微信在6.0.2版本的时候做了改动,微信的分享功能在新版本跟以前不一样了)为了兼容版本,要做以下操作:

注:新浪微博为1,QQ客户端为2,微信低于6.0.2版本为3,高于6.0.2版本为4,其他为0。

var ua = navigator.userAgent.toLowerCase(); 

if(ua.match(/weibo/i) == "weibo"){ 

    console.log(1);

}else if(ua.indexOf('qq/')!= -1){ 

    console.log(2);

}else if(ua.match(/MicroMessenger/i)=="micromessenger"){ 

var v_weixin = ua.split('micromessenger')[1]; 

    v_weixin = v_weixin.substring(1,6); 

    v_weixin = v_weixin.split(' ')[0]; 

if(v_weixin.split('.').length == 2){ 

    v_weixin = v_weixin + '.0'; 

if(v_weixin < '6.0.2'){ 

    console.log(3);

}else{ 

    console.log(4); 

}else{ 

    console.log(0);

}

移动端区分各个设备

var ua = navigator.userAgent.toLowerCase();

if (/android|adr/gi.test(ua)) {

    // 安卓

}else if(/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(ua)){

    //苹果

}else if(/iPad/gi.test(ua)){

//ipad

}

上一篇 下一篇

猜你喜欢

热点阅读