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


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的document对象和window对象详解
Dec 30 Javascript
网页打开自动最大化的js代码
Aug 22 Javascript
浅谈JavaScript 的执行顺序
Aug 07 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
简介alert()与console.log()的不同
Aug 26 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
Sep 06 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
在JavaScript中调用Java类和接口的方法
Sep 07 Javascript
javascript 组合按键事件监听实现代码
Feb 21 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
JavaScript中的类型检查
Feb 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
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
JavaScript包装对象使用介绍
2013/08/29 Javascript
jQuery解析XML文件同时动态增加js文件的方法
2015/06/01 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
JS实现的论坛Ajax打分效果完整实例
2015/10/31 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
2019/01/15 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
Python SQLite3数据库操作类分享
2014/06/10 Python
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
python开发之文件操作用法实例
2015/11/13 Python
Python 私有函数的实例详解
2017/09/11 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
Python之NumPy(axis=0 与axis=1)区分详解
2019/05/27 Python
python正则-re的用法详解
2019/07/28 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
机电工程专业应届生求职信
2013/10/03 职场文书
公司应聘自荐书
2014/06/14 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
Django与数据库交互的实现
2021/06/03 Python
实体类或对象序列化时,忽略为空属性的操作
2021/06/30 Java/Android
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers