美文网首页
js判断移动端设置方法

js判断移动端设置方法

作者: 拾钱运 | 来源:发表于2019-06-08 11:44 被阅读0次

    判断客户端设备

    var ua   = navigator.userAgent.toLowerCase();   
    if(ua.match(/android/i)) == "android")  
    {  
        alert("android");  
    }  
    if(ua.match(/iPhone/i)) == "iPhone")  
    {  
        alert("iPhone");  
    }  
    if(ua.match(/iPad/i)) == "iPad")  
    {  
        alert("iPad");  
    }  
    

    判断不同浏览器环境

    var ua = navigator.userAgent.toLowerCase();  
        if(ua.match(/weibo/i) == "weibo"){  
            return 1;  
        }else if(ua.indexOf('qq/')!= -1){  
            return 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'){  
                return 3;  
            }else{  
                return 4;  
            }  
        }else{  
            return 0;  
        }  
    

    微信环境中的网页,还是小程序

    const agent = navigator.userAgent.toLowerCase();
    const isWechat = agent.match(/MicroMessenger/i) == 'micromessenger';
    //为了兼容判断是否为微信,微信小程序、公众号环境
     if(this.isWechat){
    //微信环境
              wx.miniProgram.getEnv(function (res) {
              if (res.miniprogram) {    
                //小程序环境
                  
              }
              })
        }else{
          //非微信环境
        }
    

    相关文章

      网友评论

          本文标题:js判断移动端设置方法

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