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


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 相关文章推荐
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
Webpack+Vue如何导入Jquery和Jquery的第三方插件
Feb 20 Javascript
js精确的加减乘除实例
Nov 14 Javascript
使用vue.js在页面内组件监听scroll事件的方法
Sep 11 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
Jun 18 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
Node.js实现批量下载图片简单操作示例
Jan 18 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
详解实现vue的数据响应式原理
Jan 20 Vue.js
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函数method_exists()与is_callable()的区别
2013/06/21 PHP
php查看当前Session的ID实例
2015/03/16 PHP
PHP实现163邮箱自动发送邮件
2016/03/29 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
php制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
PHP下用Swoole实现Actor并发模型的方法
2019/06/12 PHP
javascript prototype 原型链
2009/03/12 Javascript
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
节点的插入之append()和appendTo()的用法介绍
2014/01/13 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
简单实现轮播图效果的实例
2016/07/15 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
2019/05/16 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
2019/08/04 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
python os模块简单应用示例
2019/05/23 Python
在python中实现同行输入/接收多个数据的示例
2019/07/20 Python
使用Python测试Ping主机IP和某端口是否开放的实例
2019/12/17 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
HTML5 Canvas实现烟花绽放特效
2016/03/02 HTML / CSS
Snapfish英国:在线照片打印和个性化照片礼品
2017/01/13 全球购物
介绍一下游标
2012/01/10 面试题
财务会计实习报告体会
2013/12/20 职场文书
物流司机岗位职责
2013/12/28 职场文书
旅行社各个岗位职责
2014/03/15 职场文书
竞选班委演讲稿
2014/04/28 职场文书
和谐家庭演讲稿
2014/05/24 职场文书
贪污检举信范文
2015/03/02 职场文书
计划生育目标责任书
2015/05/09 职场文书