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


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中继承的一些示例方法与属性参考
Aug 07 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
JavaScript实现非常简单实用的下拉菜单效果
Aug 27 Javascript
微信小程序 购物车简单实例
Oct 24 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
Express进阶之log4js实用入门指南
Feb 10 Javascript
在Vue中使用Compass的方法
Mar 02 Javascript
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
AngularJS自定义表单验证功能实例详解
Aug 24 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 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
日本因肺炎疫情影响,这几部动漫推延播放!
2020/03/03 日漫
PHP session有效期问题
2009/04/26 PHP
Views rows style模板重写代码
2011/05/16 PHP
php读取本地json文件的实例
2018/03/07 PHP
PHP chr()函数讲解
2019/02/11 PHP
JS弹出窗口代码大全(详细整理)
2012/12/21 Javascript
图片无缝滚动代码(向左/向下/向上)
2013/04/10 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
javascript实现复选框超过限制即弹出警告框的方法
2015/02/25 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
python使用paramiko实现远程拷贝文件的方法
2016/04/18 Python
Python的re模块正则表达式操作
2016/05/25 Python
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
WxPython建立批量录入框窗口
2019/02/27 Python
python turtle库画一个方格和圆实例
2019/06/27 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
Tirendo比利时:在线购买轮胎
2018/10/22 全球购物
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
爱心捐款倡议书
2014/04/14 职场文书
我的画教学反思
2014/04/28 职场文书
测控技术自荐信
2014/06/05 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
四风问题自查自纠工作情况报告
2014/10/28 职场文书
2015年行政部工作总结
2015/04/28 职场文书
幼儿园见习总结
2015/06/23 职场文书
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL