Javascript实现检测客户端类型代码封包


Posted in Javascript onDecember 03, 2015

检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统

/**
 * Author: laixiangran.
 * Created by laixiangran on 2015/12/02.
 * 检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
 * ********************************************************************
 * 各版本浏览器在windows10.0下的用户代理字符串:
 * Google Chrome 45.0.2454.85 —— "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36"
 * Opera 31.0.1889.174 —— "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.155 Safari/537.36 OPR/31.0.1889.174"
 * Microsoft Edge —— "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10240"
 * Firefox 40.0.3 —— "Mozilla/5.0 (Windows NT 10.0; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0"
 * Internet Explorer 11+ —— "Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko"
 * Internet Explorer 10- —— "Mozilla/5.0 (compatible; MSIE x.0; Windows NT 10.0; WOW64; Trident/8.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
 */
(function(){

  window.iClient = {};

  //呈现引擎信息
  var engine = {
    //呈现引擎
    ie: 0,
    gecko: 0,
    webkit: 0,
    khtml: 0,
    opera:0,
    //具体版本号
    ver: null
  };

  var browser = {
    //浏览器
    ie: 0,
    edge: 0,
    firefox: 0,
    safari: 0,
    konq: 0,
    opera: 0,
    chrome: 0,
    //具体版本号
    ver: null
  };

  //平台、设备和操作系统
  var system = {
    win: false,
    mac: false,
    unix: false,

    //移动设备
    iphone: false,
    ipod: false,
    ipad: false,
    ios: false,
    android: false,
    nokiaN: false,
    winMobile: false,

    //游戏系统
    wii: false, //任天堂
    ps: false  //Playstation3
  };

  //获取浏览器的用户代理字符串
  var ua = window.navigator.userAgent;

  //检测呈现引擎和浏览器
  //检测Presto内核的Opera浏览器
  if(window.opera){
    engine.ver = browser.ver = window.opera.version();
    engine.opera = browser.opera = parseFloat(engine.ver);
  }
  //检测WebKit 用代理字符串中的"AppleWebKit"进行检测
  else if(/AppleWebKit\/(\S+)/.test(ua)){
    engine.ver = RegExp["$1"];
    engine.webkit = parseFloat(engine.ver);
    //确定Microsoft Edge
    if(/Edge\/(\S+)/.test(ua)){
      browser.ver = RegExp["$1"];
      browser.edge = parseFloat(browser.ver);
    }
    //确定WebKit内核Opera
    else if(/OPR\/(\S+)/.test(ua)){
      browser.ver = RegExp["$1"];
      browser.opera = parseFloat(browser.ver);
    }
    //确定Chrome
    else if(/Chrome\/(\S+)/.test(ua)){
      browser.ver = RegExp["$1"];
      browser.chrome = parseFloat(browser.ver);
    }
    //确定Safari
    else if(/Version\/(\S+)/.test(ua)){
      browser.ver = RegExp["$1"];
      browser.safari = parseFloat(browser.ver);
    }else{
      //近似的确定版本号
      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.ver = browser.safari = safariVersion;
    }
  }
  //检测KHTML 用于Konqueror3.1及更早版本中不包含KHTML的版本,故而就要使用Konqueror的版本来代替
  else if(/KHTML\/(\S+)/.test(ua) || /Konqueror\/(\S+)/.test(ua)){
    engine.ver = browser.ver = RegExp["$1"];
    engine.khtml = browser.konq = parseFloat(engine.ver);s
  }
  //检测Gecko 其版本号在字符串"rv:"的后面
  else if(/rv:([^\)]+)\) Gecko\/\d{8}/.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);
    }
  }
  //检测IE
  else if(/MSIE ([^;]+)/.test(ua) || /rv:([^\)]+)\) like Gecko/.test(ua)){
    engine.ver = browser.ver = RegExp["$1"];
    engine.ie = browser.ie = parseFloat(engine.ver);
  }

  //获取平台或者操作系统信息,可能的值:win32、win64、MacPPC、MacIntel、Xll、Linux i686
  var p = window.navigator.platform;

  //检测平台
  system.win = p.indexOf("Win") == 0;
  system.mac = p.indexOf("Mac") == 0;
  system.unix = (p == "Xll'") || (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 "7":
            system.win = "7";
            break;
          case "8":
            system.win = "8";
            break;
          case "8.1":
            system.win = "8.1";
            break;
          case "10.0":
            system.win = "10.0";
            break;
          default:
            system.win = "NT";
            break;
        }
      }
    }
  }

  //移动设备
  system.iphone = ua.indexOf("iPhone") > -1;
  system.ipod = ua.indexOf("iPod") > -1;
  system.ipad = ua.indexOf("iPad") > -1;
  system.nokiaN = ua.indexOf("NokiaN") > -1;

  //window 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; //不能真正检测出来,所以只能猜测
    }
  }

  //检测安卓版本
  if(/Android (\d+.\d+)/.test(ua)){
    system.android = parseFloat(RegExp["$1"]);
  }

  //检测游戏系统
  system.wii = ua.indexOf("wii") > -1;
  system.ps = /playstation/i.test(ua);

  window.iClient.engine = engine;
  window.iClient.browser = browser;
  window.iClient.system = system;
})();

再给大家一个简单点的实例:判断windows、linux、android

<html>
<head>
<title>判断操作系统</title>
<script type="text/javascript">
function detectOS() { 
var sUserAgent = navigator.userAgent; 

var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); 
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); 
if (isMac) return "Mac"; 
var isUnix = (navigator.platform == "X11") && !isWin && !isMac; 
if (isUnix) return "Unix"; 
var isLinux = (String(navigator.platform).indexOf("Linux") > -1); 

var bIsAndroid = sUserAgent.toLowerCase().match(/android/i) == "android";
if (isLinux) {
if(bIsAndroid) return "Android";
else return "Linux"; 
}
if (isWin) { 
var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; 
if (isWin2K) return "Win2000"; 
var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || 
sUserAgent.indexOf("Windows XP") > -1; 
if (isWinXP) return "WinXP"; 
var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1; 
if (isWin2003) return "Win2003"; 
var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1; 
if (isWinVista) return "WinVista"; 
var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1; 
if (isWin7) return "Win7"; 
} 
return "other"; 
} 
document.writeln("您的操作系统是:" + detectOS()); 
alert(detectOS());
</script>
</head>
<body>
</body>
</html>
Javascript 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
不懂JavaScript应该怎样学
Apr 16 Javascript
js树形控件脚本代码
Jul 24 Javascript
jQuery 渐变下拉菜单
Dec 15 Javascript
jQuery 操作下拉列表框实现代码
Feb 22 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
Bootstrap轮播图学习使用
Feb 10 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 Javascript
javascript学习小结之prototype
Dec 03 #Javascript
简单实现JS对dom操作封装
Dec 02 #Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 #Javascript
JS折半插入排序算法实例
Dec 02 #Javascript
如何动态加载外部Javascript文件
Dec 02 #Javascript
javascript实现获取浏览器版本、浏览器类型
Dec 02 #Javascript
JavaScript如何禁止Backspace键
Dec 02 #Javascript
You might like
php绘制一个扇形的方法
2015/01/24 PHP
PHP实现支持SSL连接的SMTP邮件发送类
2015/03/05 PHP
分享php多功能图片处理类
2016/05/15 PHP
微信支付开发发货通知实例
2016/07/12 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
Javascript基础教程之switch语句
2015/01/18 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
2015/07/31 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
2019/04/11 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
2020/09/11 Javascript
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
python封装对象实现时间效果
2020/04/23 Python
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python探索之pLSA实现代码
2017/10/25 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
Python 3.10 的首个 PEP 诞生,内置类型 zip() 迎来新特性(推荐)
2020/07/03 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
Pycharm创建文件时自动生成文件头注释(自定义设置作者日期)
2020/11/24 Python
工作睡觉检讨书
2014/02/25 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
python pandas 解析(读取、写入)CSV 文件的操作方法
2022/12/24 Python