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 相关文章推荐
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 Javascript
在jquery中combobox多选的不兼容问题总结
Dec 24 Javascript
jquery实现弹出层遮罩效果的简单实例
Mar 03 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 Javascript
Javascript中的arguments对象
Jun 20 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
Oct 27 Javascript
基于Vue-cli快速搭建项目的完整步骤
Nov 03 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
vue前端和Django后端如何查询一定时间段内的数据
Feb 28 Vue.js
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时间函数用法分析
2016/05/28 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
js中各浏览器中鼠标按键值的差异
2011/04/07 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
node.js中的http.response.setHeader方法使用说明
2014/12/14 Javascript
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
js常用DOM方法详解
2017/02/04 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
webpack之引入图片的实现及问题
2018/10/08 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
React实现轮播效果
2020/08/25 Javascript
python实现excel读写数据
2021/03/02 Python
Python闭包函数定义与用法分析
2018/07/20 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
python 发送json数据操作实例分析
2019/10/15 Python
python字符串,元组,列表,字典互转代码实例详解
2020/02/14 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
Keras预训练的ImageNet模型实现分类操作
2020/07/07 Python
利用python3筛选excel中特定的行(行值满足某个条件/行值属于某个集合)
2020/09/04 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
详解Python遍历列表时删除元素的正确做法
2021/01/07 Python
UNIX文件系统常用命令
2012/05/25 面试题
党员干部承诺书范文
2014/03/25 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
聘用合同范本
2015/09/21 职场文书
2021年最新用于图像处理的Python库总结
2021/06/15 Python