美文网首页
区分各个浏览器、移动端设备

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

作者: 小海豚嗷嗷 | 来源:发表于2020-02-25 13:12 被阅读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

    }

    相关文章

      网友评论

          本文标题:区分各个浏览器、移动端设备

          本文链接:https://www.haomeiwen.com/subject/rjazqhtx.html