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


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模块化和命名空间管理的问题说明
Dec 06 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
bootstrap精简教程_动力节点Java学院整理
Jul 14 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
Aug 21 Javascript
vue实现登陆登出的实现示例
Sep 15 Javascript
微信小程序中setInterval的使用方法
Sep 29 Javascript
常用的9个JavaScript图表库详解
Dec 19 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
jquery实现购物车基本功能
Oct 25 jQuery
微信小程序实用代码段(收藏版)
Dec 17 Javascript
antd-日历组件,前后禁止选择,只能选中间一部分的实例
Oct 29 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 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中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
php压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
php自定义加密与解密程序实例
2014/12/31 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
php实现websocket实时消息推送
2018/03/30 PHP
用JQuery调用Session的实现代码
2010/10/29 Javascript
jquery如何改变html标签的样式(两种实现方法)
2013/01/16 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
2013/07/01 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
简单谈谈gulp-changed插件
2017/02/21 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
vue cli构建的项目中请求代理与项目打包问题
2018/02/26 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
2018/08/08 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
详解vue 兼容IE报错解决方案
2018/12/29 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
vue axios请求成功却进入catch的原因分析
2020/09/08 Javascript
python操作xml文件示例
2014/04/07 Python
对Python中实现两个数的值交换的集中方法详解
2019/01/11 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
PyQt5 多窗口连接实例
2019/06/19 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
使用python实现名片管理系统
2020/06/18 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
美国学校校服,儿童和婴儿服装:Cookie’s Kids
2016/10/14 全球购物
2015年元旦联欢晚会活动总结
2014/11/28 职场文书
2014年学校体育工作总结
2014/12/08 职场文书
合理化建议书
2015/02/04 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书