通过js区分移动端浏览器(微信浏览器、QQ浏览器、QQ内置浏览器)

由于公司业务中涉及到一个分享指引功能,而像微信、QQ内置浏览器需要引导用户点击右上角进行操作,其他浏览器则引导点击浏览器下方进行操作,因此需要区分浏览器类型;

通过在页面alert(navigator.userAgent)可以观察到在QQ浏览器中包含关键字"mqqbrowser"而QQ内置浏览器中包含" qq"这里qq前面多一个空字符串;

 

          var ua = navigator.userAgent.toLowerCase(),
                isWx = false,isQQ = false, isQQInstalled = false;

          if(ua.indexOf(' qq')>-1 && ua.indexOf('mqqbrowser') <0){
              //qq内置浏览器
              isQQInstalled = true;
              return;
          }
          if(ua.indexOf('mqqbrowser')> -1 && ua.indexOf(" qq")<0){
              //qq浏览器
              isQQ = true;
              return;
          }
          if (ua.match(/MicroMessenger/i) == 'micromessenger') {
             //微信浏览器
             isWx = true;
             return;
          }

 代码简单粗糙但容易理解,希望对您有帮助。

posted @ 2018-03-01 17:42  Richard张小树  阅读(7106)  评论(0编辑  收藏  举报