判断是否为微信内置浏览器

判断是否为微信内置浏览器

以往的项目开发中,需要根据是否为微信内置浏览器而实现不同的操作行为。

比如:在调用微信支付的时候,因微信H5,公众号,web-view小程序的支付,都不一样;尤其是H5支付,牵扯非微信内置浏览器的情况,所以有时候可以通过此判断依据来走捷径,进而来实现对应支付类型接口的调用。


下面就通过举个简单的例子,来判断是否为微信浏览器。

  1. 微信浏览器,则显示class.a1 ;
  2. 不是微信浏览器,则显示class.a2 ;

效果截图如下:

微信内置浏览器打开效果截图

非微信浏览器效果截图


下面,一起看一下代码。

html代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .link{display: none;}
        .show{display: block;}
    </style>
</head>
<body>
    <a href="#1" class="link a2 show">不是微信端</a>
    <a href="#2" class="link a1">微信端</a>
<script src="js/jquery-3.1.0.min.js"></script>
<script>
    function isWeiXin() {
        var ua = window.navigator.userAgent.toLowerCase();

        console.log(ua);  // mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1

        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            return true;
        }
        else {
            return false;
        }
    }
    if(isWeiXin()){
        console.log(" 是来自微信内置浏览器");
        $(".a1").addClass("show");
        $(".a2").removeClass("show");
    }
    else{
        console.log("不是来自微信内置浏览器");
        $(".a2").addClass("show");
        $(".a1").removeClass("show");
    }
</script>
</body>
</html>

以上就是关于“ 判断是否为微信内置浏览器 ” 的全部内容。

猜你喜欢

转载自blog.csdn.net/qq_35393869/article/details/80886957