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 相关文章推荐
Prototype使用指南之range.js
Jan 10 Javascript
js计算页面刷新的次数
Jul 20 Javascript
jQuery中的$.ajax()方法应用
May 06 Javascript
Node.js中对通用模块的封装方法
Jun 06 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
JavaScript实现大图轮播效果
Jan 11 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
jQuery Pagination分页插件使用方法详解
Feb 28 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
Dec 15 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 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
「OVERLORD」动画重要删减!雅儿贝德的背叛?至尊猎杀队结成
2020/04/09 日漫
扩展你的 PHP 之入门篇
2006/12/04 PHP
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP中将ip地址转成十进制数的两种实用方法
2013/08/15 PHP
PHP实现抓取迅雷VIP账号的方法
2015/07/30 PHP
php 伪造HTTP_REFERER页面URL来源的三种方法
2016/09/22 PHP
php实现背景图上添加圆形logo图标的方法
2016/11/17 PHP
thinkPHP5 ACL用户权限模块用法详解
2017/05/10 PHP
万能的php分页类
2017/07/06 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
PHP实现文件上传与下载
2020/08/28 PHP
jquery中对于批量deferred的处理方法
2014/01/22 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
js使用for循环查询数组中是否存在某个值
2014/08/12 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
vue.js实现的幻灯片功能示例
2019/01/18 Javascript
解决layui使用layui-icon出现默认图标的问题
2019/09/11 Javascript
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
2019/12/12 Javascript
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
汽车专业毕业生推荐信
2013/11/12 职场文书
临床护士自荐信
2014/01/31 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
关于环保的宣传稿
2015/07/23 职场文书
入党申请书怎么写?
2019/06/11 职场文书
用JS实现飞机大战小游戏
2021/06/09 Javascript
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
python分分钟绘制精美地图海报
2022/02/15 Python
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫