首页 > 代码库 > web开发之浏览器(二)----JQuery或JS判断浏览器内核版本号以及是否支持W3C盒子模型

web开发之浏览器(二)----JQuery或JS判断浏览器内核版本号以及是否支持W3C盒子模型

1,JQuery或JS判断浏览器内核版本号以及是否支持W3C盒子模型

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

<!--[if lt IE 9]>
<script src=http://www.mamicode.com/‘jquery-1.9.0.js‘</script>> 

    Jquery版本1.4.2判断浏览器类型及版本和是否支持盒子模型的方法(其实主要是IE,其它浏览器问题比较少)

$(function() {
            var strTmp = "您的浏览器名称是:";
            if ($.browser.msie) { //IE浏览器
                strTmp += "IE";
            }
            else  if($.browser.mozilla) { //火狐相关浏览器
                strTmp += "Mozilla FireFox";
            }
			else  if($.browser.chrome) { //谷歌相关浏览器(本人测试未识别)
                strTmp += "chrome";
            }
			else if($.browser.safari) //chrome,opera,360都被判断为这个了,
			{ 
				strTmp +="safari"; 
			} 
			else if($.browser.opera) { 
				strTmp +="opera"; 
			} 
			else { 
				strTmp+="未知"; 
			}
            strTmp += " 版本号是:" //获取版本号
                   + $.browser.version;
				  
			strTmp += " 盒子模型是:"
			if ($.support.boxModel) { //是W3C盒子模型
                strTmp += "W3C盒子模型";
            }
            else { //是IE盒子模型
                strTmp += "IE盒子模型";
            }
            $("#divTip").html(strTmp);
        })

以上判断是否支持W3C盒子模型时本人测试全是IE盒子模型,据说加上下面的代码会变为W3C模型,

很遗憾我的测试结果没有任何改变

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Jquery1.9版本以上判断是否是IE6-8

if (!$.support.leadingWhitespace) {}

JS判断浏览器类型

function getOs() 
{ 
    var OsObject = ""; 
   if(navigator.userAgent.indexOf("MSIE")>0) { 
        return "MSIE"; 
   } 
   else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ 
        return "Firefox"; 
   } 
   else if(isMozilla=navigator.userAgent.indexOf("Opera")>0){ //这个也被判断为chrome
        return "Opera"; 
   } 
   else if(isFirefox=navigator.userAgent.indexOf("Chrome")>0){ 
        return "Chrome"; 
   } 
   else if(isSafari=navigator.userAgent.indexOf("Safari")>0) { 
        return "Safari"; 
   }  
   else if(isCamino=navigator.userAgent.indexOf("Camino")>0){ 
        return "Camino"; 
   } 
   else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ 
        return "Gecko"; 
   }
   
} 
 alert("您的浏览器类型为:"+getOs());

上面这个比Jquery的稍微好点,至少能识别chrome了,下面这个和上面的差不多,也是比较常用的

$.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());
var str="";
str+="firefox    "+$.browser.mozilla+" <br/>";
str+="webkit   "+$.browser.webkit+" <br/>";
str+="opera    "+$.browser.opera+" <br/>";
str+="msie      "+$.browser.msie+" <br/>";
$("#divTip").html(str);


web开发之浏览器(二)----JQuery或JS判断浏览器内核版本号以及是否支持W3C盒子模型