摘要
当在判断当前客户端是什么类型时,我们就可以根据客户端自带的UA标识,搭配正则判断机制来判断当前的客户端是什么设备。今天就分享下如何通过Javascript来获取客户端的UA标识,并判断客户端类型。
内容
一、判断手机端是什么类型设备:
const u = navigator.userAgent; // 获取浏览器的userAgent
const isIos = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); // Android设备
const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // ios设备
二、判断是否是微信以及微信版本号:
// 判断是否是微信
const isWeChat = () => {
let u = navigator.userAgent;
return u.toLowerCase().indexOf('micromessenger') !== -1;
}
// 微信版本号
let u = navigator.userAgent;
let wechatInfo = u.match(/MicroMessenger/([d.]+)/i); // WeChat
let wechatVersion = wechatInfo[1];
if (wechatVersion = '6.7.4') {
console.log('当前微信的版本号为:', wechatVersion );
}
三、判断pc端浏览器是什么类型:
const ua = navigator.userAgent; // 获取浏览器的userAgent
const isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; // IE浏览器
const isFirefox = ua.indexOf("Firefox") != -1; // 火狐浏览器
const isOpera = window.opr != undefined; // Opera浏览器
const isChrome = ua.indexOf("Chrome") && window.chrome; // Chrome浏览器
const isSafari = ua.indexOf("Safari") != -1 && ua.indexOf("Version") != -1; // Safari浏览器