在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) {}