1、在web开发中,会经常让你判断当前使用的是那个浏览器及浏览器的那个版本,根据浏览器版本来调整CSS的样式,

使在web界面在各个浏览器展现达到最佳的效果,下面是获取当前浏览器的代码:

getBrowserVersion:function(){
   var agent = navigator.userAgent.toLowerCase();
   var arr=[];
   var Browser="";
   var Bversion="";
   var verinNum=""; 
   //IE
   if(agent.indexOf("msie") > 0){
    var regStr_ie = /msie [\d.]+;/gi ;
     Browser="IE";
     Bversion=""+agent.match(regStr_ie)   
   }
   //firefox
   else if(agent.indexOf("firefox") > 0){ 
    var regStr_ff = /firefox\/[\d.]+/gi;
       Browser="firefox";
       Bversion=""+agent.match(regStr_ff);
   }
   //Chrome
     else if(agent.indexOf("chrome") > 0){
    var regStr_chrome = /chrome\/[\d.]+/gi ;
     Browser="chrome";
     Bversion=""+agent.match(regStr_chrome);
   }
   //Safari
     else if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0){
    var regStr_saf = /version\/[\d.]+/gi ;
     Browser="safari";
     Bversion=""+agent.match(regStr_saf);
   }
   //Opera
     else if(agent.indexOf("opera")>=0){ 
    var regStr_opera = /version\/[\d.]+/gi ;
     Browser="opera";
     Bversion=""+agent.match(regStr_opera);
     }else{
    var browser=navigator.appName;
    if(browser=="Netscape"){
     var version=agent.split(";");
     var trim_Version=version[7].replace(/[ ]/g,"");   
     var rvStr=trim_Version.match(/[\d\.]/g).toString();
     var rv=rvStr.replace(/[,]/g,"");
     Bversion=rv;
     Browser="IE"
    }
     }
     verinNum=(Bversion+"").replace(/[^0-9.]/ig,"");
     arr.push(Browser);
     arr.push(verinNum);
     return arr;
  }

var bw = (function() {
    var UserAgent = navigator.userAgent.toLowerCase();
    return {

isIE6     : /msie 6.0/.test(UserAgent), // IE6
        isIE7     : /msie 7.0/.test(UserAgent), // IE7
        isIE8     : /msie 8.0/.test(UserAgent), // IE8
        isIE9     : /msie 9.0/.test(UserAgent), // IE9
        isIE10    : /msie 10.0/.test(UserAgent), // IE10
        isIE11    : /msie 11.0/.test(UserAgent), // IE11
        isLB      : /lbbrowser/.test(UserAgent) // 猎豹浏览器
        isUc      : /ucweb/.test(UserAgent), // UC浏览器

is360     : /360se/.test(UserAgent), // 360浏览器

isBaidu   : /bidubrowser/.test(UserAgent), // 百度浏览器
        isSougou  : /metasr/.test(UserAgent), // 搜狗浏览器
        isChrome  : /chrome/.test(UserAgent.substr(-33,6)), // Chrome浏览器
        isFirefox : /firefox/.test(UserAgent), // 火狐浏览器
        isOpera   : /opera/.test(UserAgent),  // Opera浏览器
        isSafire  : /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire浏览器      
    };
}());

js 获取浏览器版本相关推荐

  1. [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...

    [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 原文:[完美]原生JS获取浏览器版本判 ...

  2. js 获取浏览器版本信息(全)

    原文地址 js 获取浏览器版本信息(全) 觉得挺不错的,所以就收藏起来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  3. 原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari(亲测可用)

    浏览器类型及版本判断在开发中是比较常见的使用场景,之前用var ua = navigator.userAgent.toLowerCase()来判断浏览器的内核,发现chrome和edge浏览器无法区分 ...

  4. 【转载】JS获取浏览器版本信息

    document.write("js获取到的浏览器版本信息:");document.write("<br />");document.write(& ...

  5. js获取浏览器版本或者类别

    function myBrowser(){     var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串     var isOpera ...

  6. JS获取浏览器类型和版本信息

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. js获取浏览器当前时间

    js获取浏览器当前时间:格式:2020-05-18 10:44:40 <script type="text/javascript">var nowDate=new Da ...

  8. JS获取浏览器高度 并赋值给类

    JS获取浏览器宽高的兼容写法: var w = window.innerWidth || document.documentElement.clientWidth || document.body.c ...

  9. 编辑器js获取浏览器高度和宽度值(转)

    js获取浏览器高度和宽度值 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...

最新文章

  1. 电子时钟单片机c语言程序,51单片机电子时钟C语言程序
  2. Spring Boot 的静态资源处理
  3. requests---requests简介
  4. SAP云平台CloudFoundry上部署应用的log分析
  5. git push时如果不再弹出用户和密码的输入提示框该怎么办
  6. Node.js v11.0 正式发布!
  7. 67页综述深度卷积神经网络架构:从基本组件到结构创新
  8. 大学mysql期末试题_四川大学数据库系统期末试题2014-2015.doc
  9. JavaScript常用设计模式
  10. gridview划线
  11. 【学习笔记】深入理解Linux内核第三版 ——第二章 内存寻址
  12. java web导出excel_Web项目中数据导出Excel的实现方案
  13. Halcon软件安装教程
  14. 通达信买入离场信号选股公式,精准买卖点 不加密无未来
  15. K60 FTM定时器 定时中断
  16. CDC-NCM和CDC-ECM性能差别
  17. long + ulong_ULONG_MAX常数,带C ++示例
  18. 服务器固定战役非官方图
  19. 收藏这些网站,做设计和PPT不再为找素材发愁
  20. 学习陈丹琦关系抽取pipeline Pure

热门文章

  1. 关于12306的一点思考
  2. 多线程的处理 handler   handlerTread Intentservice
  3. Spark常见优化原则
  4. 大数据挖掘有哪些技术
  5. javascript div 没id_javascript原生自定义轮播图组件
  6. 机器学习 - [源码实现决策树小专题]决策树学习中如何进行分类预测
  7. 树莓派android p,Android P最新测试版带来更多的UI和图标方面的改进
  8. linux 汇编语言ldreq,请教一个中断句柄的问题 - ARM技术论坛-ARM嵌入式论坛-人气最火爆ARM学习论坛 - 21ic电子技术开发论坛...
  9. java aix_如何在AIX下安装JAVA
  10. greenplum查询超时_greenplum 集群故障(Sorry,too many clients already )排查: