使用navigator.userAgent.toLowerCase()判断客户端类型

时间:2021-01-10 16:54:55

在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整,所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。

navigator是HTML中的内置对象,包含浏览器的信息;userAgent是navigator的属性方法,可以返回由客户机发送服务器的头部的值,作用其实就是就是返回当前用户所使用的是什么浏览器,toLowerCase()是将转换为小写。
区分Android、iphone、ipad:

var ua   = navigator.userAgent.toLowerCase();   
if(ua.match(/android/i)) == "android")
{
alert("android");
}
if(ua.match(/iPhone/i)) == "iPhone")
{
alert("iPhone");
}
if(ua.match(/iPad/i)) == "iPad")
{
alert("iPad");
}

判断是否为微信浏览器

function isWeiXinBrowser() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false;
}
}

这里用到了match()方法,match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。
/i 表示对大小写不敏感,即忽略大小写