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

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

公共方法封装

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组件调用

<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>