下面的JavaScript代码,不仅可以判断PC端浏览器类型,还可以判断安卓、iOS、其他智能手机、平板电脑或游戏系统。

  说废话貌似不是我的风格哈,直接上代码吧:

 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,
           max : false,
           x11 : false, 

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

           //游戏系统
           wii :false,
           ps : false
      }; 

      var ua =navigator.userAgent; 

      //Opera 9以后出现了两种字符串代理的方式 一种方式就是将自身标识另外一个浏览器 另外一种方式就是标志自己为firefox或者IE
      //在后面这种情况下 用户代理字符串实际上与其他浏览器返回的相同--既没有opera的字样,也不包含opera的版本信息
      //因此判断浏览器先从opera开始
      if(winddow.opera){
           engine.ver = browser.ver = window.opera.version();
           egine.opera = browser.opera = parseFloat(engine.ver);
       //第二个检测WebKit 是因为WebKit的用户代理字Gecko"和"HTMKL"的字符串 所以如果首先检测他们都有错误的结论
      }else if (/AppleWebKit\/(\S+)/.test(ua)){
           engin.ver = RegExp["$1"];
           engine.webkit = parseFloat(engine.ver); 

           //确定是chrome还是Safari
           if(/Chrome\/(\S+)/.test(ua){
                browser.ver = RegExp["$1"];
                browser.chrome = parseFloat(brower.ver);
           }else if(/Version\/(+\S)/.test(ua)){//safari 3.0后增加了Version属性
                browser.ver = RegExp["$1"];
                browser.safari = parseFloat(brower.ver);
           }else{
                var safariVersion = 1;
                if(engine.webkit<100){
                     safariVersion = 1;
                }else if(engine.ver<312){
                     safariVersion = 1.2;
                }else if(engine.ver<412){
                     safariVersion = 1.3;
                }else{
                     safariVersion = 2;
                } 

                browser.safari = browser.ver = safariVersion;
           }
      }else if(/KHTML\/(\S+)/.test(ua)||/Konqueror\/([^;]+)/.test(ua)){//Linux下浏览器
           engine.ver = browser.ver = RegExp["$1"];
           engine.khtml = parseFloat(engine.ver);
      }else if(/rv:([^\)]+\) Gocko\/\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; 

     if(system.win){
          if(/Win(?:dow)?([^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";
                         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; 

     //win 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(RexExp.$1.replace("_","."));
            }else {
                 system.ios = 2 ;//不能真正检查出来,所以猜测出来一个结果
            }
      } 

      //检查安卓版本
      //
      if(/Android (\d+/_\d+)/.test(ua)){
           system.andriod = parseFloat(RegExp.$1);
      } 

      //游戏系统
      system.wii = us.indexOf("Wii")>-1;
      system.ps = /playstation/i.test(ua);
      //返回对象
      return {
           engine : engine,
           browser : browser,
           system : system
      }
 }

  当然,你也可以自己构造正则表达式,匹配us对象,判断其他的类型哦~

  呵呵,撸走代码不要忘了点赞哦~(*^_^*)

检测浏览器版本类型的JavaScript代码,终极版的更多相关文章

  1. javascript检测浏览器的缩放状态实现代码 是指浏览器网页内容的百分比缩放(按Ctrl和+号键或者-号键的缩放)

    这里所说的缩放不是指浏览器大小的缩放,而是指浏览器网页内容的百分比缩放(按Ctrl和+号键或者-号键的缩放).检测这种缩放有很种方法,QQ空间都通过flash来检测浏览器是否处于缩放.这里提供java ...

  2. ASP.NET MVC中检测浏览器版本并提示下载更新

    如果网站使用html5.css3.自适应等新特性,可能有些浏览器版本不支持.这时候,需要提醒浏览者更新浏览器的版本到最新. 本篇用到的插件为:http://jreject.turnwheel.com/ ...

  3. js检测浏览器版本代码,兼容ie11

    原文:http://blog.csdn.net/tenkin/article/details/11640165 <script type="text/javascript"& ...

  4. jquery检测浏览器版本

    //检测当前浏览器 function browserType() { var brow = $.browser; //console.log(brow); var bInfo = "&quo ...

  5. JS检测浏览器版本信息(包含IE11),并动态添加样式

    <head runat="server"> <meta http-equiv="Content-Type" content="tex ...

  6. jquery检测浏览器类型

    使用jquery如下代码检测浏览器版本时:出问题,在检测IE浏览器,如果版本是IE11时,会出现 $.browser.msie的返回值是false,$.browser.mozilla的返回值是true ...

  7. 使用JavaScript检测浏览器

    假设你真的需要检测浏览器的类型,使用JavaScript非常easy达到. View Demo Download Source from GitHub JavaScript有一个navigator的标 ...

  8. javascript——处理(获取)浏览器版本、操作系统

    javascript——处理(获取)浏览器版本.操作系统 /** * Created by Administrator on 15-1-12. */ function BroswerUtil() { ...

  9. 浏览器地址栏运行JavaScript代码

    这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句.比如: javascript:alert('hello from ad ...

随机推荐

  1. 09应用输入经理旋转场景--《猿学校课程Unity3d》

    为什么极品飞车游戏等.,我们可以通过系统设置非常的方面根据自己喜欢的操作模式设置,有些人喜欢用箭头来控制不喜欢与使用"W,S,A,D"控制,这就解释程序猿不会死在程序写入内部控制, ...

  2. slf自己主动绑定实现类过程推断

    依照绑定实现类的方式是基于约定原则:推断分下面几个步骤 1.LoggerFactory扫描实现类路径有几个实现类,即在org/slf4j/impl/下有几个StaticLoggerBinder.cla ...

  3. teamfoundationserver2010之使用vs2010&&vs2013创建修改签入签出提交代码等操作

    好久之前就在个人的电脑上装了vs2013,看到原生支持html5和css3,前端开发还是挺不错的 而公司开发一直用着vs2010,真是羡慕嫉妒恨啊... 于是乎就有了今天的测试 使用工具 teamfo ...

  4. Androids含文档erver结束(工具包 Httputils)两

    在同server在...的基础上,本文client还登录界面 Andriod简单http get请求基础上,用户注冊后跳转到下载界面,本文下载界面仅仅有两个View,一个是textView显示注冊后u ...

  5. mysql函数二

    四.条件推断函数 1.if(expr,v1,v2)函数:成立返回结果v1,否则结果v2 例:select id,if(grade>=60,'pass','fail') from t; 2.IFN ...

  6. WP8加入自己定义铃声

    1.下载千千静听绿色版,下载地址:http://pan.baidu.com/s/1ntuSNOH 2.将目标铃声加入到千千静听,选中铃声,右键选文件属性. 3.改动文件属性,将流派改为"Ri ...

  7. 如何生成可变表头的excel(转)

    1.实现功能: 传入一个表头和数据,将数据导入到excel中. 为了便于项目的扩展,数据传入通过泛型集合传入,获取数据时,通过反射的方式获取,这样无论你的表头是多少项,我都能很方便的生成.另外为了便于 ...

  8. 正则获取URL参数

    一 获取指定URL参数 function getUrlParams(name) { var reg = new RegExp("(^|&)" + name + " ...

  9. 《C++ Primer Plus》学习笔记6

    <C++ Primer Plus>学习笔记6 第11章 使用类 <<<<<<<<<<<<<<<&l ...

  10. C++语言债券系列之十一——友元函数和拷贝构造函数

    1.好友功能 (1)友元函数类的普通功能外定义. 定义友元函数和相同的正常功能.在类必须声明的正常功能为好友. (2)友元函数不是一个成员函数. 你不能反对打电话.但直接调用:友元函数访问类的公共.p ...