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


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 相关文章推荐
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
javascript屏蔽右键代码
May 15 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
May 15 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
详解javascript new的运行机制
Jan 26 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
Jul 01 Javascript
Vue仿手机qq的实例代码(demo)
Sep 08 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
ckeditor一键排版功能实现方法分析
Feb 06 Javascript
Javascript Web Worker使用过程解析
Mar 16 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
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
js函数返回多个返回值的示例代码
2013/11/05 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
JavaScript简单实现弹出拖拽窗口(二)
2016/06/17 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
Vue中避免滥用this去读取data中数据
2021/03/02 Vue.js
js面向对象方式实现拖拽效果
2021/03/03 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Python实现抓取网页并且解析的实例
2014/09/20 Python
python通过文件头判断文件类型
2015/10/30 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
python如何为创建大量实例节省内存
2018/03/20 Python
python 弧度与角度互转实例
2020/04/15 Python
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
经典的班主任推荐信
2013/10/28 职场文书
中专毕业生自荐信
2013/11/16 职场文书
迟到检讨书1000字
2014/01/15 职场文书
文明之星事迹材料
2014/05/09 职场文书
大型公益活动策划方案
2014/08/20 职场文书
乡镇干部个人对照检查材料思想汇报
2014/10/04 职场文书
优秀团员主要事迹范文
2015/11/05 职场文书
Win11怎么启动任务管理器?Win11启动任务管理器的几种方法
2021/11/23 数码科技
使用Python解决图表与画布的间距问题
2022/04/11 Python