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 相关文章推荐
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
Jun 01 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
详解Vue.js和layui日期控件冲突问题解决办法
Jul 25 Javascript
JavaScript中继承原理与用法实例入门
May 09 Javascript
基于Cesium绘制抛物弧线
Nov 18 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
You might like
php 计算两个时间戳相隔的时间的函数(小时)
2009/12/18 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
Javascript简单实现可拖动的div
2013/10/22 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
jQuery 操作input中radio的技巧
2016/07/18 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
AngularJS表单验证功能分析
2017/05/26 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
jQuery提示框插件SweetAlert用法分析
2019/08/05 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
详解python配置虚拟环境
2019/04/08 Python
python networkx 包绘制复杂网络关系图的实现
2019/07/10 Python
python3爬虫中异步协程的用法
2020/07/10 Python
python爬取代理ip的示例
2020/12/18 Python
html5 Canvas画图教程(1)—画图的基本常识
2013/01/09 HTML / CSS
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
Michael Kors香港官网:美国奢侈品品牌
2019/12/26 全球购物
非常详细的C#面试题集
2016/07/13 面试题
外贸销售员求职的自我评价
2013/11/23 职场文书
财务出纳员岗位职责
2013/11/26 职场文书
卫生院健康教育实施方案
2014/06/07 职场文书
卫生标语大全
2014/06/21 职场文书
入党积极分子个人总结
2015/03/02 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
消夏晚会主持词
2015/06/30 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python