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

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

2024-08-09 17:27:21   216人阅读

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盒子模型


联系
我们