标签:
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盒子模型
标签:
原文地址:http://my.oschina.net/oospace/blog/360056