js/jquery检测是否IE实例代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 本文章来给大家介绍一个检测是否IE实例代码，它可以用js来判断，也可以使用jquery来检测，下面我分别介绍介绍。...
|
js判断是否IE
| 代码如下 |
复制代码 |
|
function isMSIE(){
var match = /(msie) ([w.]+)/.exec( navigator.userAgent.toLowerCase() );
if(match !== null){
return true;
}else{
return false;
}
}
|
从jQuery的jQuery.browser里面拿出来的，jQuery从1.9开始废弃这个方法，改用jQuery.support来检测浏览器支持的特性。
| 代码如下 |
复制代码 |
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
$(function(){
if($.browser.msie) {
alert("这是一个IE浏览器");
}else if($.browser.opera) {
alert("这是一个opera浏览器");
}else if($.browser.mozilla) {
alert("这是一个火狐浏览器");
}else if($.browser.safari) {
alert("这是一safari浏览器");
}
})
</script> |
当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari
jQuery的说法是，使用 navigator.userAgent 检测不准确，容易被伪造欺骗。
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， 官方的解决方案是：
| 代码如下 |
复制代码 |
|
<!--[if lt IE 9]>
<script src='jquery-1.9.0.js'></script>
<![endif]-->
<!--[if gte IE 9]>
<script src='jquery-2.0.0.js'></script>
<![endif]-->
|
从长久来看，这样有利于在复杂情况下根据浏览器特性进行分别处理， 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性， 所以在网上找了一些能够直接替换的解决办法。
判断浏览器类型：
| 代码如下 |
复制代码 |
|
$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());
|
等号后面的表达式返回的就是 true/false， 可以直接用来替换原来的 $.browser.msie 等。
检查是否为 IE6：
| 代码如下 |
复制代码 |
|
// Old
if ($.browser.msie && 7 > $.browser.version) {}
// New
if ('undefined' == typeof(document.body.style.maxHeight)) {}
|
检查是否为 IE 6-8：
| 代码如下 |
复制代码 |
|
if (!$.support.leadingWhitespace) {}
|
终极方法是用另外的类库替代，比如 这个 ， 但作者也不推荐使用浏览器类型和版本来进行判断。
但我还是觉得，这玩意检测成本低，挺有价值的。至于开发者去伪造它，就让他们伪造去，我只是用来做比较暴力的降级处理。 |
