码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-03-01 20:03:59      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:use   led   dex   qq浏览器   mes   因此   div   false   操作   

由于公司业务中涉及到一个分享指引功能,而像微信、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;
          }

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

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

标签:use   led   dex   qq浏览器   mes   因此   div   false   操作   

原文地址:https://www.cnblogs.com/zhangxiaoshu/p/8489665.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!