判断浏览器的内核及版本号方法汇总


Posted in Javascript onJanuary 05, 2015

通过jquery 判断浏览器的内核及版本号

<script type="text/javascript">

    $(function () {

        if ($.browser.msie && ($.browser.version == "7.0")) {

            $("#yourannet").css("margin-left", "10px");

        }  //IE7浏览器

        else if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {

            $("#yourannet").css("margin-left", "15px");

        }  //IE6浏览器

        else if ($.browser.msie && ($.browser.version == "8.0")) {

            $("#yourannet").css("margin-left", "20px");

        }  //IE8浏览器

        else if ($.browser.msie && ($.browser.version == "9.0")) {

            $("#yourannet").css("margin-left", "25px");

        } // IE9 浏览器

        else if (window.navigator.userAgent.toLowerCase().indexOf("360se") >= 1) {

            $("#yourannet").css("margin-left", "30px");

        }//360浏览器

    })

jQuery 使用的是通过正则来匹配userAgent判断浏览器的种类和版本. 如果我们要来判断当前浏览器是否是IE6应该如何来判断?

$(function() {
if($.browser.msie) {

alert("this is msie");

}

else if($.browser.safari)

{

alert("this is safari!");

}

else if($.browser.mozilla)

{

alert("this is mozilla!");

}

else if($.browser.opera) {

alert("this is opera");

}

else {

alert("i don't konw!");

}

以下是jquery的正则表达式:支持区分ie、firefox、opera、chrome、safari

// browser check-----start

 var userAgent = navigator.userAgent, // userAgent

 rMsie = /.*(msie) ([\w.]+).*/, // ie

 rFirefox = /.*(firefox)\/([\w.]+).*/, // firefox

 rOpera = /(opera).+version\/([\w.]+)/, // opera

 rChrome = /.*(chrome)\/([\w.]+).*/, // chrome

 rSafari = /.*version\/([\w.]+).*(safari).*/;// safari

 jMeteor.browser = {};

 var ua = userAgent.toLowerCase();

 function uaMatch(ua) {

  var match = rMsie.exec(ua);

  if (match != null) {

   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };

  }

  var match = rFirefox.exec(ua);

  if (match != null) {

   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };

  }

  var match = rOpera.exec(ua);

  if (match != null) {

   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };

  }

  var match = rChrome.exec(ua);

  if (match != null) {

   return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };

  }

  var match = rSafari.exec(ua);

  if (match != null) {

   return { browser : match[2] ¦¦ "", version : match[1] ¦¦ "0" };

  }

  if (match != null) {

   return { browser : "", version : "0" };

  }

 }

 var browserMatch = uaMatch(userAgent.toLowerCase());

 if (browserMatch.browser) {

  jMeteor.browser[browserMatch.browser] = true;

  jMeteor.browserName = browserMatch.browser;

  jMeteor.browser.version = browserMatch.version;

  jMeteor.browser.language = (navigator.language ? navigator.language

    : navigator.userLanguage ¦¦ "");

 }

 // browser check-----end




 


使用方法:


Javascript代码


jMeteor.browser.msie //判断是否为ie,返回true则代表是


jMeteor.browserName //浏览器名称


jMeteor.browser.version //浏览器版本


jMeteor.browser.language //语言

</script>

通过浏览器版本信息判断各浏览器

var _uat=navigator.userAgent; 

if(_uat.indexOf("MSIE 6.0")>0) alert("ie6"); 

else if(_uat.indexOf("MSIE 7.0")>0) alert("ie7"); 

else if(_uat.indexOf("MSIE 8.0")>0) alert("ie8"); 

else if(_uat.indexOf("Firefox")>0) alert("firefox");

CSS判断浏览器

#example{color:red ;} /*firefox*/ 

* html #example{color:blue;} /*ie6*/ 

*+html #example{color:green;} /*ie7*/

HTML判断浏览器

1. <!--[if !IE]><!-->除IE外都可识别<!--<![endif]--> 

2. <!--[if IE]> 所有的IE可识别<![endif]--> 

3. <!--[if IE 6]> 仅IE6可识别<![endif]--> 

4.<!--[if lt IE 6]> IE6以及IE6以下版本可识别<![endif]--> 

5. <!--[if gte IE 6]> IE6以及IE6以上版本可识别<![endif]--> 

6.<!--[if IE 7]> 仅IE7可识别<![endif]--> 

7. <!--[if lt IE 7]> IE7以及IE7以下版本可识别<![endif]--> 

8. <!--[if gte IE 7]> IE7以及IE7以上版本可识别<![endif]-->
Javascript 相关文章推荐
JS 修改URL参数(实现代码)
Jul 08 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
快速掌握Node.js模块封装及使用
Mar 21 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
jQuery实现元素的插入
Feb 27 Javascript
JS三目运算(三元运算)方法详解
Mar 01 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
详解vue项目中使用token的身份验证的简单实践
Mar 08 Javascript
微信小程序实现商城倒计时
Nov 01 Javascript
Node绑定全局TraceID的实现方法
Nov 14 Javascript
让mocha支持ES6模块的方法实现
Jan 14 Javascript
jQuery中removeProp()方法用法实例
Jan 05 #Javascript
jQuery中prop()方法用法实例
Jan 05 #Javascript
jQuery中removeAttr()方法用法实例
Jan 05 #Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 #Javascript
jquery.cookie.js使用指南
Jan 05 #Javascript
在Google 地图上实现做的标记相连接
Jan 05 #Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 #Javascript
You might like
PHP闭包函数详解
2016/02/13 PHP
Zend Framework教程之Resource Autoloading用法实例
2016/03/08 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
javascript prototype原型操作笔记
2009/12/07 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
JavaScript编程中window的location与history对象详解
2015/10/26 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
聊聊JS动画库 Velocity.js的使用
2018/03/13 Javascript
VSCode中如何利用d.ts文件进行js智能提示
2018/04/13 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
详解ECMAScript2019/ES10新属性
2019/12/06 Javascript
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
Python进行数据科学工作的简单入门教程
2015/04/01 Python
python通过post提交数据的方法
2015/05/06 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
python实现list由于numpy array的转换
2018/04/04 Python
tensorflow实现简单的卷积网络
2018/05/24 Python
PyQt5实现让QScrollArea支持鼠标拖动的操作方法
2019/06/19 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
Pycharm+Python+PyQt5使用详解
2019/09/25 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
python mysql自增字段AUTO_INCREMENT值的修改方式
2020/05/18 Python
python中pyqtgraph知识点总结
2021/01/26 Python
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
体育教育毕业生自荐信
2013/11/21 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
工地食品安全责任书
2015/05/09 职场文书
歌剧魅影观后感
2015/06/05 职场文书
2016年感恩教师节校园广播稿
2015/12/18 职场文书
Android Studio 计算器开发
2022/05/20 Java/Android