判断是否为微信内置浏览器
以往的项目开发中,需要根据是否为微信内置浏览器而实现不同的操作行为。
比如:在调用微信支付的时候,因微信H5,公众号,web-view小程序的支付,都不一样;尤其是H5支付,牵扯非微信内置浏览器的情况,所以有时候可以通过此判断依据来走捷径,进而来实现对应支付类型接口的调用。
下面就通过举个简单的例子,来判断是否为微信浏览器。
- 若
是
微信浏览器,则显示class.a1
;- 若
不是
微信浏览器,则显示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>
以上就是关于“ 判断是否为微信内置浏览器 ” 的全部内容。