js useragent 客户端检测 - 阳光下草地的味道

js useragent 客户端检测

获取当前系统类型（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浏览器）