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


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 相关文章推荐
javascript 对象的定义方法
Jan 10 Javascript
javascript 闭包
Sep 15 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
jQuery插件expander实现图片翻转特效
May 21 Javascript
jQuery表格插件datatables用法汇总
Mar 29 Javascript
JS中常用的输出方式(五种)
Jun 12 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
vue-cli中的webpack配置详解
Sep 25 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
iview实现图片上传功能
Jun 29 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脚本的10个技巧(7)
2006/10/09 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
JQuery从头学起第二讲
2010/07/04 Javascript
jquery选择器(常用选择器说明)
2010/09/28 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
Sea.JS知识总结
2016/05/05 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
JavaScript实现微信红包算法及问题解决方法
2018/04/26 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
Python牛刀小试密码爆破
2011/02/03 Python
用python读写excel的方法
2014/11/18 Python
简单的编程0基础下Python入门指引
2015/04/01 Python
详解Python中的join()函数的用法
2015/04/07 Python
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
Python中Numpy mat的使用详解
2019/05/24 Python
PyTorch-GPU加速实例
2020/06/23 Python
浅谈keras中的keras.utils.to_categorical用法
2020/07/02 Python
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
财务会计专业推荐信
2013/11/30 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
毕业生求职信范文
2014/06/29 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
商务考察邀请函模板
2015/02/02 职场文书
遗愿清单观后感
2015/06/09 职场文书
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript