通过不同userAgent进行区分,代码如下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>微信支付宝终端识别</title>
</head>
<body>
<h1 id="res"></h1>
<script>
const res = document.querySelector('#res');
function judge() {
let ua = window.navigator.userAgent.toLowerCase();
if (ua.indexOf('micromessenger') > -1) {
res.innerHTML = '微信扫码';
} else if (ua.indexOf('alipayclient') > -1) {
res.innerHTML = '支付宝扫码';
} else {
res.innerHTML = '未知终端';
}
}
(function () {
judge();
})();
</script>
</body>
</html>