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


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 利用Cookie记录用户登录信息
Dec 08 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
js隐式全局变量造成的bug示例代码
Apr 22 Javascript
JQuery控制Radio选中方法分析
May 29 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
Jun 22 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
js querySelector() 使用方法
Dec 21 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
JavaScript实现自动跳转文本功能
May 25 Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 Javascript
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
vue滚动插件better-scroll使用详解
Oct 18 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
利用php+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
PHP取得一个类的属性和方法的实现代码
2011/05/22 PHP
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
js控制input输入字符解析
2013/12/27 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
2014/04/04 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
js贪吃蛇游戏实现思路和源码
2016/04/14 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
JavaScript使用原型和原型链实现对象继承的方法详解
2017/04/05 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
2019/04/15 Javascript
layui使用form表单实现post请求页面跳转的方法
2019/09/14 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
Python编程之微信推送模板消息功能示例
2017/08/21 Python
如何安装多版本python python2和python3共存以及pip共存
2018/09/18 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
英国领先的电视购物零售商:Ideal World
2019/03/18 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
Python面试题集
2012/03/08 面试题
企业环保标语
2014/06/10 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
办公室主任个人总结
2015/02/28 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
python实现网络五子棋
2021/04/11 Python