用户代理检测

为了不在全局作用域中添加多余的变量,我们使用模块增强模式来封装检测脚本

以下是完整的用户代理字符串检测脚本,包括检测呈现引擎、平台、Window操作系统、移动设备和游戏系统

var client=function(){

    //呈现引擎

    var engine={

      ie:0,

      gecko:0,

      webkit:0,

      khtml:0,

      opera:0,

      //完整的版本号

      ver:null

      };

    //浏览器

    var browser={

      //主要浏览器

      ie:0,

      firefox:0,

      safari:0,

      konq:0,

      opera:0,

      chrome:0,

      //具体的版本号

      ver:null

      };

    //平台、设备和操作系统

    var system={

      win:false,

      mac:false,

      xll:false,

      //移动设备

      iphone:false,

      ipod:false,

      ipad:false,

      ios:false,

      android:false,

      nokiaN:false,

      winMobile:false,

      //游戏系统

      wii:false,

      ps:false

      };

    //检测呈现引擎和浏览器

    var ua=navigator.userAgent;

    if(window.opera){

    engine.ver=browser.ver=window.opera.version();

    engine.opera=browser.opera=parseFloat(engine.ver);

    }else if(/AppleWebKit\/(\S+)/.test(ua)){

      engine.ver=RegExp["$1"];

      engine.webkit=parseFloat(engine.ver);

        //确定是Chrome还是Safari

        if(/Chrome\/(S+)/.test(ua){

        browser.ver=RegExp["$1"];

        browser.chrome=parseFloat(browser.ver);

        }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.safari=browser.ver=safariVersion;

        }

      }else if(/KHTML\/(\S+)/.test(ua)||/Konqueror\/([^;]+)/.test(ua)){

      engine.ver=browser.ver=RegExp["$1"];

      engine.khtml=browser.konq=parseFloat(engine.ver);

      }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);

      }

      }else if(/MSIE([^;]+)/.test(ua)){

      engine.ver=browser.ver=RegExp["$1"];

      engine.ie=browser.ie=parseFloat(engine.ver);

      }

      //检测浏览器

      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;

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

            }

        }

      //检测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

      };

    }();

JavaScript高级程序设计20.pdf的更多相关文章

  1. JavaScript高级程序设计4.pdf

    虽然执行环境的类型总共只有两种——全局和局部(函数),但还有其他方法延长作用域链,有些语句可以在作用域链的前端临时增加一个变量对象,执行后会被移除try-catch语句的catch块和with语句 w ...

  2. JavaScript高级程序设计61.pdf

    JSON对象 早期的JSON解析器就是使用JavaScript的eval()函数,ECMAScript5对解析JSON的行为做出了规定,定义了全局对象JSON. JSON对象有2个方法:stringi ...

  3. JavaScript高级程序设计60.pdf

    错误处理 try-catch语句 try{ //可能会导致错误的代码 }catch(error){ //在错误发生时如何处理 } error是一个包含着错误信息的对象,它有一个message属性,保存 ...

  4. JavaScript高级程序设计58.pdf

    15章 使用Canvas绘图 略 16章 HTML5脚本编程 HTML5规范了新的HTML标记和JavaScript API,以便简化创建动态Web界面的工作 跨文档消息传递 简称XDM,指来自不同域 ...

  5. JavaScript高级程序设计57.pdf

    表单序列化 首先了解一下浏览器如何将数据发送给服务器 对表单字段的名称和值进行URL编码,使用和号(&)分隔 不发送禁用的表单字段 只发送勾选的复选框和单选按钮 不发送type为“reset” ...

  6. JavaScript高级程序设计55.pdf

    输入模式 HTML5为文本字段新增了pattern属性,这个属性的值是一个正则表达式,用于匹配文本框中的值 例如,只想在允许在文本字段中输入数值 <input type="text&q ...

  7. JavaScript高级程序设计54.pdf

    过滤输入 对于一些浏览器,可以使用正则表达式里的text()测试用户按下的按键,Firefox和safari(3.1版本之前)会对向上向下.退格键和删除键触发keypress事件,在Firefox中, ...

  8. JavaScript高级程序设计53.pdf

    共有的表单字段方法 每个表单字段都有两个方法:focus()和blur(),其中focus()用于将浏览器焦点设置到表单字段,激活表单字段.可以侦听页面的load事件 EventUtil.addHan ...

  9. JavaScript高级程序设计52.pdf

    表单脚本 表单的基础知识 在HTML中,表单是由<form>元素表示的,在Javascript对应的是HTMLFormElement类型,它继承自HTMLElement,因此具有与其他HT ...

随机推荐

  1. 导出excel的简单方法

    excel的操作,最常用的就是导出和导入,废话不多说上代码. 本例使用NPOI实现的,不喜勿喷哈.... /// <summary> /// 导出Excel /// </summar ...

  2. 停止Java线程,小心interrupt()方法

    来源:http://blog.csdn.net/wxwzy738/article/details/8516253 程序是很简易的.然而,在编程人员面前,多线程呈现出了一组新的难题,如果没有被恰当的解决 ...

  3. SQL使用数据库引擎存储过程,系统视图查询,DBA,BI开发人员必备基础知识

    在开发过程中会遇到需要弄清楚这个数据库什么时候建的,这个数据库中有多少表,这个存储过程长的什么样子等等信息,今天把自己工作过程中经常用到的一些数据库引擎存储过程,系统视图等等总结一下以备不时之用.下面 ...

  4. CATransform3DRotate 实现左右,上下翻转效果

        CGFloat m34 = 800; CGFloat value = -40://(控制翻转角度) CGPoint point = CGPointMake(0.5, 0.5);//设定翻转时的 ...

  5. iOS8 iPad Warning: Attempt to present <UIImagePickerController:xxxx > on xxxx which is already presenting (null)

    解决方法: /* I think this is because in iOS 8, alert views and action sheets are actually presented view ...

  6. 【html】【6】div浮动float

    我想 当看完上面的必看链接,拥有一定的基础后也得7天左右, 记住 一定要看完,知道它都有什么,没学会不要紧,哪怕只是有个简单的概念也行, 随着后续的使用慢慢深入学习,现在开始div布局. 必看参考: ...

  7. React学习笔记(三) 组件传值

    组件嵌套后,父组件怎么向子组件发送数据呢? 答案是: this.props <script type="text/babel"> var MyFirst = React ...

  8. Android Studio中JNI -- 2 -- 编写c文件

    继上一篇,我们在native接口中编写了2个方法 生成的相应.h文件 这时,需要我们自己去完善.c文件 /* DO NOT EDIT THIS FILE - it is machine generat ...

  9. windows phone 之ListBox模板选择

    有时做项目时,会遇到一种情况:需要把获取到的数据集合显示到首页,比如新闻,但是: 新闻也分类别啊,比如:图片类新闻.文字类新闻.视频类新闻. 那我们可能采用的模板就不一样了,那么,如何根据类别来选择模 ...

  10. ThinkPHP URL模式和URL重写

    现在用的版本是TP3.1.3,这两天总是遇到NotFound的错误,解析路径错误,所以认真研究了一下手册,发现问题出在URL模式上面. URL模式 一般是使用U方法来生成路径,U方法的定义规则如下(方 ...