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

浏览数：30 / 时间：2015年06月09日

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=‘jquery-1.9.0.js‘</script>
<![endif]-->
<!--[if gte IE 9]>
<script src=‘jquery-2.0.0.js‘</script>
<![endif]-->

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