判断浏览器是哪种浏览器
2017-12-23 本文已影响0人
_信仰zmh
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>判断浏览器的内核</title>
</head>
<body>
<script>
// 判断是否是微信浏览器
var ua = navigator.userAgent.toLowerCase();
var isWeiXin = ua.indexOf('micromessenger') != -1;
console.log("是否是微信浏览器------>" + isWeiXin);
if(isWeiXin){
console.log("这是微信浏览器");
}else{
console.log("这不是微信浏览器");
}
// 定义一个函数 根据返回信息判断浏览器
function browerVersion() {
var v1 = navigator.userAgent;
var v2 = v1.toLowerCase();
return { //移动终端浏览器版本信息
trident: v1.indexOf('Trident') > -1, //IE内核
presto: v1.indexOf('Presto') > -1, //opera内核
webKit: v1.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: v1.indexOf('Gecko') > -1 && v1.indexOf('KHTML') == -1, //火狐内核
mobile: !!v1.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!v1.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: v1.indexOf('Android') > -1 || v1.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: v1.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: v1.indexOf('iPad') > -1, //是否iPad
webApp: v1.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
iosv: v1.substr(v1.indexOf('iPhone OS') + 9, 3),
weixin: v2.match(/MicroMessenger/i) == "micromessenger",
ali: v1.indexOf('AliApp') > -1,
};
}
var userAgentTest = browerVersion();
console.log('函数返回结果-------->' + JSON.stringify(userAgentTest));
// 如果为非移动端，跳转到pc端页面
if (!userAgentTest.mobile) {
// location.href = './pc.html';
console.log("跳转pc页面");
}else{
// 否则跳转到移动端页面
// location.href = './mobile.html';
console.log("跳转mobile页面");
}
</script>
</body>
</html>
