移动端检查是微信浏览器还是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;
 }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • 某天,我做一个小项目,需要判断一下浏览器类型。简单的呀。 控制台敲下:navigator.userAgent 浏览...
    枫树林阅读 963评论 1 2
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,618评论 0 7
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 806评论 0 3
  • 11月25日,是来日本的第三天了,下午将乘机返回。早上刚刚起床,就听到不远处传来很大的声响,类似国内办婚宴放的鞭炮...
    落雪1117阅读 685评论 0 4