编程 Javascript

javascript实现获取浏览器版本、浏览器类型

Posted in Javascript onDecember 02, 2015

从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码，在此记录一下：

<script type="text/javascript">
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
    (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
    (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
    (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

    //以下进行测试
    if (Sys.ie) document.write('IE: ' + Sys.ie);
    if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
    if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
    if (Sys.opera) document.write('Opera: ' + Sys.opera);
    if (Sys.safari) document.write('Safari: ' + Sys.safari);
</script>

将上述代码封装成一个方法，方法返回Sys对象，Sys对象中封装了浏览器的类型和版本信息，如下：

function getBrowserInfo(){
  var Sys = {};
  var ua = navigator.userAgent.toLowerCase();
  var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/;
  var m = ua.match(re);
  Sys.browser = m[1].replace(/version/, "'safari");
  Sys.ver = m[2];
  return Sys;
}

当需要获取浏览器的类型和版本信息时，就可以使用getBroserInfo方法，如下：

<script type="text/javascript">
     //获取当前的浏览器信息
     var sys = getBrowserInfo();
     //sys.browser得到浏览器的类型，sys.ver得到浏览器的版本
     document.write(sys.browser + "的版本是：" + sys.ver);
 </script>

完整测试代码如下：

<!DOCTYPE HTML>
<html>
 <head>
  <title>JavaScript获取浏览器类型与版本</title>
  <script type="text/javascript">
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
    (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
    (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
    (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

    //以下进行测试
    if (Sys.ie) document.write('IE: ' + Sys.ie);
    if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
    if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
    if (Sys.opera) document.write('Opera: ' + Sys.opera);
    if (Sys.safari) document.write('Safari: ' + Sys.safari);
  </script>
  <script type="text/javascript">
    function getBrowserInfo(){
      var Sys = {};
      var ua = navigator.userAgent.toLowerCase();
      var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/;
      var m = ua.match(re);
      Sys.browser = m[1].replace(/version/, "'safari");
      Sys.ver = m[2];
      return Sys;
    }
    document.write('<hr/>');
    //获取当前的浏览器信息
    var sys = getBrowserInfo();
    //sys.browser得到浏览器的类型，sys.ver得到浏览器的版本
    document.write(sys.browser + "的版本是：" + sys.ver);
  </script>
 </head>
 
 <body>
  
 </body>
</html>

运行结果：

IE浏览器下测试结果：

javascript实现获取浏览器版本、浏览器类型

google浏览器下测试结果：

javascript实现获取浏览器版本、浏览器类型

火狐浏览器下测试结果：

javascript实现获取浏览器版本、浏览器类型

以上就是关于javascript实现获取浏览器版本及类型的详细代码，针对IE浏览器、火狐浏览器、google浏览器进行了测试，很成功，大家可以动手实践一下。

javascript实现获取浏览器版本、浏览器类型

- Author -

孤傲苍狼

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JAVASCRIPT 对象的创建与使用

Mar 09 Javascript

JS小框架 fly javascript framework

Nov 26 Javascript

推荐30个新鲜出炉的精美 jQuery 效果

Mar 26 Javascript

js中eval详解

Mar 30 Javascript

Javascript改变CSS样式(局部和全局)

Dec 18 Javascript

JavaScript日期时间格式化函数分享

May 05 Javascript

JSON格式化输出

Nov 10 Javascript

浅谈JavaScript Array对象

Dec 29 Javascript

详解AngularJS ng-class样式切换

Jun 27 Javascript

DVA框架统一处理所有页面的loading状态

Aug 25 Javascript

js滚轮事件 js自定义滚动条的实现

Jan 18 Javascript

JavaScript获取URL参数的方法分享

Apr 07 Javascript

JavaScript如何禁止Backspace键

Dec 02 #Javascript

js文本框输入内容智能提示效果

Dec 02 #Javascript

JavaScript使用DeviceOne开发实战（四）仿优酷视频应用

Dec 02 #Javascript

Jquery左右滑动插件之实现超级炫酷动画效果附源码下载

Dec 02 #Javascript

jQuery 1.9.1源码分析系列（十四）之常用jQuery工具

Dec 02 #Javascript

jQuery 1.9.1源码分析系列（十三）之位置大小操作

Dec 02 #Javascript

解决jQuery使用JSONP时产生的错误

Dec 02 #Javascript