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

在跨平台、浏览器、移动设备兼容的时候，要根据设备、浏览器做特定调整，所以我们经常会用到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");  
}  
1
2
3
4
5
6
7
8
9
10
11
12
13

判断是否为微信浏览器

function isWeiXinBrowser() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        return true;
    } else {
        return false;
    }
}
1
2
3
4
5
6
7
8

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