【jQuery】判断浏览器类型和版本

注意：看文章要去我精华，去我糟粕，自己多加调试

这与《【HTML】根据不同的浏览器类型写不同的HTML代码》（点击打开链接）一文是姊妹篇，IE注释能够帮你在网页的HTML根据不同的版本，渲染不同的代码。

此文是在脚本部分利用jQuery判断浏览器类型和版本而执行不同的Javascript脚本。

由于直接利用Javascript实现判断浏览器的版本的代码比较复杂，Javascript没有封装接口，Jquery有封装接口，不用写这么多代码，所以直接用Jquery来实现。

不过值得注意的是，jQuery从1.9版开始，移除了$.browser和$.browser.version，取而代之的是$.support。在更新的 2.0 版本中，将不再支持IE 6/7/8。以后，如果用户需要支持IE 6/7/8，只能使用 jQuery 1.9。也就是说，以下的判断仅适用于jQuery 1.9的版本，连jQuery 1.10都不行，亲测。

具体代码如下：

[javascript] view plaincopy

<script type="text/javascript">
if($.browser.msie){
alert("IE浏览器");
if($.browser.version<8){
alert("IE7及其以下");
}
else{
alert("IE8及其以上");
}
}
else if($.browser.webkit){
alert("苹果的Safari、谷歌的Chrome浏览器");
}
else if($.browser.mozilla){
alert("野狐禅FireFox浏览器");
}
else if($.browser .opera){
alert("Opera浏览器");
}
</script>

由于就几个弹框就不展示了。

这里就是利用到$.browser.version。也是主要判断IE7与非IE7足矣，因为部分代码在IE7以上与以下的实现实在是不同……

对于jQuery 1.9以上的版本，由于移除了$.browser，一般自己利用正则表达式定义$.browser.version几个来判断：

[javascript] view plaincopy

$.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());

然后利用IE6没有的的属性来判断IE6：

[javascript] view plaincopy

('undefined' == typeof(document.body.style.maxHeight)) {}

如果判断IE8则利用leadingWhitespace。leadingWhitespace：如果在使用innerHTML的时候浏览器会保持前导空白字符，则返回true，目前在IE 6-8中返回false。

[javascript] view plaincopy

if (!$.support.leadingWhitespace) {}

不使用Jquery直接利用Javascript则更为复杂，主要是对navigator.appName，navigator.appVersion两个浏览器标示属性进行字符串方法切割，再来判断。这里就不贴代码了。有兴趣看看不同的浏览器，alert(navigator.appName+"，"+navigator.appVersion);是什么鬼。比如IE8就是：

之后你就对这些字符串慢慢用字符串方法切割。

【jQuery】判断浏览器类型和版本相关推荐

JavaScript判断浏览器类型及版本
JavaScript判断浏览器类型及版本你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有 ...
JS判断浏览器类型及版本
判断浏览器类型及版本 function getBroswer(){var os = navigator.platform; var userAgent = navigator.userAgent; v ...
判断浏览器类型及版本
公司前段时间做项目需要判断浏览器,因为项目进度急暂时只支持一种浏览器使用window.navigator.userAgent属性,但是在国产浏览器上遇到了问题,下面这段代码只能判断内核,但是我想判断 ...
JavaScript判断浏览器类型及版本(新增谷歌的Chrome)
来源:http://blog.tripdev.com/?tid=164 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript ...
前端如何判断浏览器类型及版本？
前言在网站前端开发中,浏览器兼容性问题让我们手忙脚乱,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本. JavaScript是前端开发的主要语言 ...
JS判断浏览器类型与版本
这个东西在跨平台前端开发很有用: 在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题.在众多的浏览器产品中,IE.Firefox.Opera.Safari........众多品牌却 ...
转： JavaScript判断浏览器类型及版本
原文http://blog.csdn.net/nileel/archive/2009/04/17/4087159.aspx <script type="text/javascr ...
js/jquery判断浏览器停止加载
JS获取浏览器信息复制代码代码如下: 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersio ...
js/jquery判断浏览器的方法总结
JS获取浏览器信息浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持 ...

【jQuery】判断浏览器类型和版本

【jQuery】判断浏览器类型和版本相关推荐

最新文章

热门文章