获取当前系统类型（android||ios）,系统版本号，设备型号（android）,当前浏览器类型
一。获取当前设备型号
this.getMobileType = function () {
var type = '', ua = navigator.userAgent;
var reg = /;\s+([a-zA-Z0-9-_\s]+)\s+Build/;
reg.exec(ua);
type = (RegExp.$1).toLowerCase();
return type;
};
二。获取当前系统版本号
this.getOsVersion = function () {
var u = navigator.userAgent, version = '';
if (u.indexOf('Mac OS X') > -1) {
//iOS
var regStr_saf = /OS [\d._]*/gi;
var verinfo = u.match(regStr_saf);
version = (verinfo + "").replace(/[^0-9|_.]/ig, '').replace(/_/ig, '.');
} else if (u.indexOf('Android') > -1
|| u.indexOf('Linux') > -1) {
//android
version = u.substr(u.indexOf('Android') + 8, u.indexOf(";", u.indexOf("Android")) - u.indexOf('Android') - 8);
} else if (u.indexOf('BB10') > -1) {
//黑莓bb10系统
version = u.substr(u.indexOf('BB10') + 5, u.indexOf(";", u.indexOf("BB10")) - u.indexOf('BB10') - 5);
} else if (u.indexOf('IEMobile')) {
//windows phone
version = u.substr(u.indexOf('IEMobile') + 9, u.indexOf(";", u.indexOf("IEMobile")) - u.indexOf('IEMobile') - 9);
}
return version;
};
三。当前浏览器类型
/*注意：无法通过useragent识别360浏览器和部分手机的uc浏览器*/
Client: function () {
var currentBrowser = '';
var engine = {//呈现引擎
ie: 0,
gecko: 0,
webkit: 0,
khtml: 0,
opera: 0,
ver: null//完整版本号
};
var browser = {//浏览器
ver: null//具体版本号
};
var system = {//平台，设备和操作系统
win: false,
mac: false,
x11: false,
iphone: false,
ipod: false,
ipad: false,
ios: false,
android: false,
nokiaN: false,
winMobile: false,
//游戏系统
wii: false,
ps: false,
};
var ua = navigator.userAgent;
/*appleWebKit呈现引擎的浏览器类型，匹配的浏览器*/
var appleWebKitBrowsers = [
'lebrowser',//联想手机自带浏览器
'oppobrowser',//oppo手机自带浏览器
'sogoumobilebrowser',//搜狗浏览器
'ucbrowser',//uc浏览器
'mqqbrowser',//qq浏览器
'baidubrowser',//百度浏览器
'mb2345browser',//2345浏览器
'liebaofast',//猎豹浏览器
'opr',//欧朋浏览器
'dolphinbrowsercn',//海豚浏览器
'chrome',
'safari'
];
var getAppleWebKitCurrent = function () {
var ua = navigator.userAgent;
for (var i = 0; i < appleWebKitBrowsers.length; i++) {
var item = appleWebKitBrowsers[i];
var re = new RegExp("\(" + item + "\)" + "\\/" + "(\\S+)", "gim");
if (re.test(ua.toLowerCase())) {
browser.ver = RegExp["$1"];
browser[item] = parseFloat(RegExp.$1);
currentBrowser = item;
return currentBrowser;
}
}
};
if (window.opera) {
engine.ver = browser.ver = window.opera.version();
engine.opera = browser.opera = parseFloat(engine.ver);
currentBrowser = 'opera';
}
else if (/AppleWebKit\/(\S+)/.test(ua)) {
engine.ver = RegExp["$1"];
engine.webkit = parseFloat(engine.ver);
//注意检测浏览器类型的顺序
/*
* 1.检测浏览器类型并不准确，有些浏览器的useragent根本无法识别其类型
* 2.useragent的格式有可能会有变化，所以匹配的正则表达式有可能会不准确
* 3.要检测的浏览器需要手动添加进去，目前只是检测常用的十几种浏览器
*/
if (!getAppleWebKitCurrent()) {
//近似地确定版本号
var safariVersion = 1;
if (engine.webkit < 100) {
safariVersion = 1;
} else if (engine.webkit < 312) {
safariVersion = 1.2;
} else if (engine.webkit < 412) {
safariVersion = 1.3;
} else {
safariVersion = 2;
}
browser.safari = browser.ver = safariVersion;
currentBrowser = 'safari';
}
}
else if (/KHTML\/(\S+)/.test(ua) || /Konqueror\/([^;]+)/.test(ua)) {
engine.ver = browser.ver = RegExp["$1"];
engine.khtml = browser.konq = parseFloat(engine.ver);
currentBrowser = 'konq';
}
else if (/Gecko\/(\S+)/.test(ua)) {
engine.ver = RegExp["$1"];
engine.gecko = parseFloat(engine.ver);
//确定是不是 Firefox
if (/Firefox\/(\S+)/.test(ua)) {
browser.ver = RegExp["$1"];
browser.firefox = parseFloat(browser.ver);
currentBrowser = 'firefox';
}
}
else if (/MSIE ([^;]+)/.test(ua)) {
engine.ver = browser.ver = RegExp["$1"];
engine.ie = browser.ie = parseFloat(engine.ver);
currentBrowser = 'ie';
}
//检测浏览器
browser.ie = engine.ie;
browser.opera = engine.opera;
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//检测 Windows 操作系统
if (system.win) {
if (/Win(?:dows )?([^do]{2})\s?(\d+\.\d+)?/.test(ua)) {
if (RegExp["$1"] == "NT") {
switch (RegExp["$2"]) {
case "5.0":
system.win = "2000";
break;
case "5.1":
system.win = "XP";
break;
case "6.0":
system.win = "Vista";
break;
case "6.1":
system.win = "7";
break;
default:
system.win = "NT";
break;
}
} else if (RegExp["$1"] == "9x") {
system.win = "ME";
} else {
system.win = RegExp["$1"];
}
}
}
system.iphone = ua.indexOf("iPhone") > -1;
system.ipod = ua.indexOf("iPod") > -1;
system.ipad = ua.indexOf("iPad") > -1;
system.nokiaN = ua.indexOf("NokiaN") > -1;
//windows mobile
if (system.win == "CE") {
system.winMobile = system.win;
} else if (system.win == "Ph") {
if (/Windows Phone OS (\d+.\d+)/.test(ua)) {
system.win = "Phone";
system.winMobile = parseFloat(RegExp["$1"]);
}
}
//检测 iOS 版本
if (system.mac && ua.indexOf("Mobile") > -1) {
if (/CPU (?:iPhone )?OS (\d+_\d+)/.test(ua)) {
system.ios = parseFloat(RegExp.$1.replace("_", "."));
} else {
system.ios = 2; //不能真正检测出来，所以只能猜测
}
}
//检测 Android 版本
if (/Android (\d+\.\d+)/.test(ua)) {
system.android = parseFloat(RegExp.$1);
}
//游戏系统
system.wii = ua.indexOf("Wii") > -1;
system.ps = /playstation/i.test(ua);
return {
engine: engine,
browser: browser,
system: system,
currentBrowser: currentBrowser
};
}
四。获取所有数据
this.getOS = function () {
var userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.match(/iPhone/ig)) {
this.type = 'iOS';
this.version = this.getOsVersion();
} else {
this.type = 'android';
this.version = this.getOsVersion();
this.currentBrowser = client.currentBrowser;
this.currentMobileType = this.getMobileType();
}
return {
type: this.type,
version: this.version,
currentBrowser: this.currentBrowser,
currentMobileType: this.currentMobileType
}
};
五：注意客户端检测有很大的不确定性，如下
1.浏览器的useragent有可能会有改变，检测的正则需要随其变动
2.不同设备上的浏览器的useragent有可能会不一样，甚至根本没有标识出自己的设备型号和浏览器类型（android的360和uc浏览器）
