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


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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
Vue.js 表单校验插件
Aug 14 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
Jan 13 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
javascript实现数字配对游戏的实例讲解
Dec 14 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
vue实现固定位置显示功能
May 30 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 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安全防范技巧分享
2011/11/03 PHP
php截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
jQuery 加上最后自己的验证
2009/11/04 Javascript
IE和Firefox下event事件杂谈
2009/12/18 Javascript
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
JS获取字符串实际长度(包含汉字)的简单方法
2016/08/11 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
layui实现三级联动效果
2019/07/26 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
解决Vue-cli无法编译es6的问题
2020/10/30 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
深入理解Python中的*重复运算符
2017/10/28 Python
TensorFlow实现非线性支持向量机的实现方法
2018/04/28 Python
Python模块的制作方法实例分析
2019/12/21 Python
基于Python爬取51cto博客页面信息过程解析
2020/08/25 Python
酒吧创业计划书
2014/01/18 职场文书
社区维稳工作方案
2014/06/06 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记
Golang流模式之grpc的四种数据流
2022/04/13 Golang