网站地图    收藏   

主页 > 前端 > javascript >

判断使用的浏览器类型完美代码

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 以前有讲过N多的关于浏览器类型判断程序,下面我来总结一下可以判断现在各种浏览器类型的代码,有需要的朋友可参考。...

代码如下:

 代码如下 复制代码

<script language="JavaScript" type="text/javascript">
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){alert('你是使用IE')}else
    if (navigator.userAgent.indexOf('Firefox') >= 0){alert('你是使用Firefox')}else
        if (navigator.userAgent.indexOf('Opera') >= 0){alert('你是使用Opera')}else
{alert('你是使用其他的浏览器浏览网页!')}
</script>

本段代码判断不仅包括电脑浏览器,还包括安卓、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
    }

}
  


下面是各种浏览器的特征及其userAgent。

       IE

      只有IE支持创建ActiveX控件,因此她有一个其他浏览器没有的东西,就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数,就可以明确判断出当前浏览器是IE。而IE各个版本典型的userAgent如下:


        Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
        Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
        Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
        Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)


      其中,版本号是MSIE之后的数字。

       Firefox

       Firefox中的DOM元素都有一个getBoxObjectFor函数,用来获取该DOM元素的位置和大小(IE对应的中是getBoundingClientRect函数)。这是Firefox独有的,判断它即可知道是当前浏览器是Firefox。Firefox几个版本的userAgent大致如下:

        Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1
        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3
        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12
      其中,版本号是Firefox之后的数字。


       Opera

       Opera提供了专门的浏览器标志,就是window.opera属性。Opera典型的userAgent如下:


        Opera/9.27 (Windows NT 5.2; U; zh-cn)
        Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
        Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0


      其中,版本号是靠近Opera的数字。


       Safari


       Safari浏览器中有一个其他浏览器没有的openDatabase函数,可做为判断Safari的标志。Safari典型的userAgent如下:


        Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1 Safari/525.13
        Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3


      其版本号是Version之后的数字。

      Chrome

      Chrome有一个MessageEvent函数,但Firefox也有。不过,好在Chrome并没有Firefox的getBoxObjectFor函数,根据这个条件还是可以准确判断出Chrome浏览器的。目前,Chrome的userAgent是:


        Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论