判断浏览器类型

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");
        }

 

posted @ 2015-03-12 15:07  psycho_z  阅读(181)  评论(0编辑  收藏  举报