您的位置:首页 > Web前端 > HTML

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

2017-11-30 11:09 411 查看
在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整,所以我们经常会用到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 表示对大小写不敏感,即忽略大小写
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 跨平台