zoukankan      html  css  js  c++  java
  • jQuery判断浏览器

    在jQuery1.9版本之前,jQuery 提供了 browser 标记

     1 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
     2 <script type="text/javascript">
     3     $(function() {
     4         var userAgent = window.navigator.userAgent.toLowerCase();
     5         var version = $.browser.version;
     6         $(".info").html(
     7             "<h3>userAgent:</h3>" + userAgent + "<br />" +
     8             "<h3>version:</h3>" + version
     9         );
    10     });
    11 </script>
      <body> <div class="info"></div> </body>

    其中IE6和IE7 会有问题,所以具体解决后代码:

     1 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
     2 <script type="text/javascript">
     3     $(function() {
     4         var userAgent = window.navigator.userAgent.toLowerCase();
     5  
     6         $.browser.msie10 = $.browser.msie && /msie 10.0/i.test(userAgent);
     7         $.browser.msie9 = $.browser.msie && /msie 9.0/i.test(userAgent); 
     8         $.browser.msie8 = $.browser.msie && /msie 8.0/i.test(userAgent);
     9         $.browser.msie7 = $.browser.msie && /msie 7.0/i.test(userAgent);
    10         $.browser.msie6 = !$.browser.msie8 && !$.browser.msie7 && $.browser.msie && /msie 6.0/i.test(userAgent);
    11  
    12         $(".info").html(
    13             "<h3>userAgent:</h3>" + userAgent + "<br />" +
    14             "<h3>Is IE 10?</h3>" + $.browser.msie10 +
    15             "<h3>Is IE 9?</h3>" + $.browser.msie9 +
    16             "<h3>Is IE 8?</h3>" + $.browser.msie8 +
    17             "<h3>Is IE 7?</h3>" + $.browser.msie7 +
    18             "<h3>Is IE 6?</h3>" + $.browser.msie6
    19         );
    20     });
    21 </script>
    22  
    23 <body>
    24     <div class="info"></div>
    25 </body>

    (以上文章引用地址:http://www.iefans.net/jquery-pandan-ie-banben/ 作者:iefans)

    但是

    jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是:

    1 <!--[if lt IE 9]
    2 <script src='jquery-1.9.0.js'</script
    3 <![endif]--
    4 <!--[if gte IE 9]
    5 <script src='jquery-2.0.0.js'</script
    6 <![endif]

    从长久来看,这样有利于在复杂情况下根据浏览器特性进行分别处理, 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性, 所以在网上找了一些能够直接替换的解决办法。
    判断浏览器类型:

    1 $.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
    2 $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
    3 $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
    4 $.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

    等号后面的表达式返回的就是 true/false, 可以直接用来替换原来的$.browser.msie等。
    检查是否为IE6

    1 // Old
    2 if ($.browser.msie && 7 $.browser.version) {}
    3 // New
    4 if ('undefined' == typeof(document.body.style.maxHeight)) {}

    检查是否为 IE 6-8

    1 if (!$.support.leadingWhitespace) {}
  • 相关阅读:
    windows设置通过NFS连接到Linux共享数据
    MYSQL安装相关知识
    Linux下Eclipse里用gdb调试JNI里C/C++
    linux上安装Eclipse
    vs2010常用快捷键
    .NET Framework 2.0/3.0/3.5 以 v90 平台工具集为目标。请确保在计算机上安装了 Visual Studio 2008
    C++ ->error LNK1123
    Python 函数
    Python安装工具
    Web接口测试理论知识分享
  • 原文地址:https://www.cnblogs.com/showersun/p/3679090.html
Copyright © 2011-2022 走看看