H5判断浏览器是微信还是支付宝

有时候我们需要区分H5页面是在微信中打开的还是在支付宝中打开的,然后进行相应的操作。这就用到浏览器对象模型中的Navigator 对象,Navigator 对象包含有关浏览器的信息。我们通过Navigator 获取到userAgent的相关信息。

公共方法封装

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function isAlipayOrWechat() {
var userAgent = navigator.userAgent.toLowerCase();
if (userAgent.match(/Alipay/i) === "alipay") {
return "alipay";
//alert("支付宝浏览器");
} else if (userAgent.match(/MicroMessenger/i) === "micromessenger") {
return "wechat";
//alert("微信浏览器");
} else {
return "";
}
}

export { isAlipayOrWechat };

Vue组件调用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<template>

</template>

<script>
import { isAlipayOrWechat } from "../assets/js/common";
export default {
data() {
return {
home: "http://www.appblog.cn"
};
},
created() {
var client = isAlipayOrWechat();
console.log("client: " + client);

}
};
</script>

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :