效果:http://oospace.sinaapp.com/3.php
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);
来源:oschina
链接:https://my.oschina.net/u/2260054/blog/360056