判断浏览器类型
1、IE条件注释法:
小于用lt; 大于用gt;小于等于用lte;大于等于用gte;
弊端:ie10无法判断。
<!--方法二:条件表达式--> <!--[if IE]> <script> alert("ie"); </script> <![endif]-->
<!--[if IE 7]> <script> alert("ie7"); </script> <![endif]-->
<!--[if gte IE 9]> <script> alert("大于等于ie9"); </script> <![endif]-->
2、
// 方法一: if($.browser.msie){ if($.browser.version=="6.0"){ alert("this is IE 6"); }else if($.browser.version=="7.0"){ alert("this is IE 7"); }else if($.browser.version=="8.0"){ alert("this is IE 8"); }else if($.browser.version=="9.0"){ alert("this is IE 9"); } else if($.browser.version=="10.0"){ alert("this is IE 10"); } else{ alert("this is msie"); } }else if($.browser.safari){ alert("this is safari"); //chorome浏览器弹出?测试chrome浏览器里navigator.userAgent包含safari }else if($.browser.mozilla){ alert("this is mozilla"); }else if($.browser.opera){ alert("this is opera"); }else{ alert("i don't know"); } // 弊端:以上代码适用jq1.9版本以下。jquery从1.9版本开始移除了$.browser和$.browser.version
$.browser也是通过正则表达式来匹配userAgent来判断浏览器版本和种类的。
var userAgent = navigator.userAgent.toLowerCase();
3、
// 检测ie if (document.all) { alert("ie"); } // 检测ie6浏览器 if ('undefined' == typeof(document.body.style.maxHeight)) { alert("ie 6"); } // 检测ie6-8 if (!$.support.leadingWhitespace) { alert("ie6~8"); }
4、通过navigator判断
var userAgent = navigator.userAgent.toLowerCase(); alert(userAgent); // 检测ie if (userAgent.indexOf("msie") > 0) { // 检测ie6 if (userAgent.indexOf("msie 6.0") > 0) { alert("ie 6"); } // 检测ie 7 // if(userAgent.indexOf("msie 7.0")>0){ // alert("ie 7"); // } // or 检测ie 7 if (navigator.appVersion.match(/7./i) == "7.") { alert("ie 7"); } // 。。。。。检测ie其它版本雷同 } // 检测火狐 if (userAgent.indexOf("firefox") > 0) { alert("firefox"); } // 检测谷歌 if (userAgent.indexOf("chrome") > 0) { alert("chrome"); }