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


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 相关文章推荐
ext监听事件方法[初级篇]
Apr 27 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Jun 22 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
JavaScript数组常用操作技巧汇总
Nov 17 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
jQuery学习笔记之Ajax用法实例详解
Dec 01 Javascript
jQuery绑定事件的四种方式介绍
Oct 31 Javascript
js实现动态显示时间效果
Mar 06 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
Aug 31 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
Nov 17 Vue.js
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
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
php MYSQL 数据备份类
2009/06/19 PHP
php file_get_contents函数轻松采集html数据
2010/04/22 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
2015/10/23 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
nodejs制作爬虫实现批量下载图片
2017/05/19 NodeJs
对于防止按钮重复点击的尝试详解
2019/04/22 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
python类继承用法实例分析
2015/05/27 Python
如何使用 Pylint 来规范 Python 代码风格(来自IBM)
2018/04/06 Python
Python GUI编程 文本弹窗的实例
2019/06/11 Python
django 使用 PIL 压缩图片的例子
2019/08/16 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
python中列表的含义及用法
2020/05/26 Python
手把手教你用Django执行原生SQL的方法
2021/02/18 Python
药剂学专业应届生自荐信
2013/09/29 职场文书
医学生自我鉴定范文
2013/11/08 职场文书
领导党性分析材料
2014/02/15 职场文书
学习标兵获奖感言
2014/02/20 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
医药销售自荐书
2014/05/29 职场文书
医院营销工作计划
2015/01/16 职场文书
奖学金个人总结
2015/03/04 职场文书
高考满分作文赏析(2篇)
2019/08/12 职场文书
Python集合set()使用的方法详解
2022/03/18 Python