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


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对象的支持
Jul 25 Javascript
js读取json的两种常用方法示例介绍
Oct 19 Javascript
jQuery oLoader实现的加载图片和页面效果
Mar 14 Javascript
JavaScript中利用Array和Object实现Map的方法
Jul 27 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
AngularJS服务service用法总结
Dec 13 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
捕获未处理的Promise错误方法
Oct 13 Javascript
详解vue-cli3开发Chrome插件实践
May 29 Javascript
用 js 写一个 js 解释器过程详解
Aug 02 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 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
PHP 判断变量类型实现代码
2009/10/23 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
PHP单链表的实现代码
2016/07/05 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
js将json格式内容转换成对象的方法
2013/11/01 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
手把手教你安装Windows版本的Tensorflow
2020/03/26 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
保安自我鉴定范文
2013/12/08 职场文书
酒店管理求职信范文
2014/04/06 职场文书
2014中考励志标语
2014/06/05 职场文书
无犯罪记录证明范本
2014/09/15 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
答辩状格式范本
2015/05/22 职场文书
高三教师工作总结2015
2015/07/21 职场文书
Go语言基础函数基本用法及示例详解
2021/11/17 Golang
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python