【原创+亲测可用】JS如何区分微信浏览器、QQ浏览器和QQ内置浏览器

1、原理:

通过不同移动端的ua弹窗 获取user-agent 参数包含的信息,进行判断浏览器类型

Android上
QQ内置环境的ua中有关键字 MQQBrowser, 并且后面包含一个【空白符+QQ】字符;QQ浏览器仅有【MQQBrowser
因此在Android上区分,需要用正则判断ua中包含MQQBrowser,并且剔除【MQQBrowser】之后包含【空白符+QQ】,则是QQ内置浏览器,
QQ浏览器:ua中包含MQQBrowser但是不包含QQ

ios
QQ内置浏览器: ua包含一个空格加QQ,但是不包含MQQBrowser
QQ浏览器: ua包含MQQBrowser但是不包含单独的QQ

2、直接上js正则判断代码:(s 代表空白符)

<script type="text/javascript">
//判断是否QQ内置浏览器(含IOS和Andriod)
function isQQAPP(){
    var isIosQQ = ( /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) && /sQQ/i.test(navigator.userAgent));
    var isAndroidQQ = ( /(Android)/i.test(navigator.userAgent) && /MQQBrowser/i.test(navigator.userAgent) && /sQQ/i.test((navigator.userAgent).split('MQQBrowser')));
    alert(isIosQQ+"--"+isAndroidQQ);
    if(isIosQQ || isAndroidQQ){
        $(".down-share").empty();
        var html = "<a class='glyphicon glyphicon-download share' href='/index.php/Mobile/Product/detail/id/{$_list.id}/method/download'>下载行程</a><a class='glyphicon glyphicon-share share share2' href='javascript:void(0);'>分享行程</a>";
        $(".down-share").append(html);
    }
}
</script>

3、参考文章:

https://blog.csdn.net/zxjiayou1314/article/details/52814716

https://segmentfault.com/q/1010000006179538/a-1020000006230274

https://www.cnblogs.com/zhangxiaoshu/p/8489665.html

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注