根据userAgent判断移动端是iOS 还是android?

时间：2018-02-13 12:21:57 收藏：0 阅读：1495

技术分享图片

　　User Agent中文名为用户代理，是Http协议中的一部分，属于头域的组成部分，User Agent也简称UA。它是一个特殊字符串头，是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。

　　通过这个标识，用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计；例如用手机访问谷歌和电脑访问是不一样的，这些是谷歌根据访问者的UA来判断的。UA也可以进行伪装。

 1 function isIPad (userAgent) {
 2     return (userAgent.indexOf("iPad") > -1);
 3 }
 4 function isIPhone (userAgent) {
 5     return (userAgent.indexOf("iPhone") > -1);
 6 }
 7 function isIOS (userAgent) {
 8     return isIPad(userAgent) || isIPhone(userAgent);
 9 }
10 function isAndroid (userAgent) {
11     return (userAgent.indexOf("Android") > -1) ||
12         (userAgent.indexOf("Linux") > -1);
13 }

　　调用BOM的navigator这个对象的userAgent属性；根据获取的mobiOS就可以判断移动客户端的设备类型了。

　　封装好的代码片：

1 // User agent string from navigator
2 var userAgent = navigator.userAgent;
3 
4 // Name of mobile OS
5 var mobiOS = isAndroid(userAgent) ? "android" :
6     (isIOS(userAgent) ? "ios" : "unknow");