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

代码如下:

 代码如下 复制代码

<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

时间: 2024-12-22 14:15:24

判断使用的浏览器类型完美代码的相关文章

jquery判断浏览器类型的代码_jquery

Jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,建议学习Jquery的朋友学习下,了解一下思路. 主要使用的方法:$.browser.['浏览器关键字'] 复制代码 代码如下: $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); }

PHP判断浏览器类型程序代码详解

PHP如何判断浏览器类型及浏览器语言因为浏览器在和服务器连接时候都会先发送一些包含自己信息的内容(浏览器类型.语言). 这里我们主要分析的是_SERVER["HTTP_USER_AGENT"](浏览器类型)和_SERVER["HTTP_ACCEPT_LANGUAGE"](浏览器语言). 我们所要做的就是把这些内容读出来,然后用strpos或者preg_match函数来对比就可以了. 判断浏览器类型:  代码如下 复制代码  <?php echo $_SERVE

PHP判断客户端的浏览器类型

  判断客户端浏览器类型     01 /** 02  * 判断浏览器名称和版本 03  */ 04 function get_user_browser() 05 { 06     if (empty($_SERVER['HTTP_USER_AGENT'])) 07     { 08         return ''; 09     } 10   11     $agent       = $_SERVER['HTTP_USER_AGENT']; 12     $browser     = '

js/php 判断 手机操作系统/浏览器/微信浏览器 的代码

js判断手机浏览器操作系统和微信浏览器的方法 做手机端的前端开发,少不了对手机平台的判断.如,对于app下载,就要判断在Android平台下就显示Android下载提示:在iOS平台下就显示iOS下载提示. 今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法: <script type="text/javascript"> //手机端判断各个平台浏览器及操作系统平台 function checkPlatform(){ if(/android/i.test(navi

jquery判断浏览器类型与版本号

使用jquery判断浏览器需要使用语法:$.browser.['浏览器关键字'] 判断各浏览器的语法示例:  代码如下 复制代码 $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); } else if($.browser.mozilla) { alert("this is mozi

jquery1.9下检测浏览器类型和版本的方法

本文为大家介绍下jquery1.9 下如何检测浏览器类型和版本,下面有个不错的示例,大家可以参考下 Jquery1.9版本中$.browser已被剔除:    判断浏览器类型:  代码如下: $.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());  $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());  $.browser.op

Jquery代码解释教程:判断浏览器类型的Jquery代码

文章简介:Jquery判断IE6等浏览器的代码. Jquery判断IE6等浏览器的代码 jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用 Jquery判断IE6的代码: if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {//代码} jquery

判断浏览器类型屏幕分辨率自动调用不同CSS的代码

css|分辨率|浏览器 既判断分辨率,也判断浏览器  程序代码 <SCRIPT LANGUAGE="JavaScript"><!--if (window.navigator.userAgent.indexOf("MSIE")>=1){var IE1024="";var IE800="";var IE1152="";var IEother=""; ScreenWid

js判断浏览器类型,版本的代码(附多个实例代码)_javascript技巧

在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子.浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本. JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判