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 相关文章推荐
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 Javascript
javascript 实现子父窗体互相传值的简单实例
Feb 17 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
js实现文字选中分享功能
Jan 25 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
vue配置font-awesome5的方法步骤
Jan 27 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
详解Vue 的异常处理机制
Nov 30 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 adodb连接mssql解决乱码问题
2009/06/12 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
JavaScript 变量作用域分析
2011/07/04 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
详解AngularJS中的filter过滤器用法
2016/01/04 Javascript
js如何准确获取当前页面url网址信息
2020/09/13 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
2016/05/10 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
阿望教你用vue写扫雷小游戏
2020/01/20 Javascript
跟老齐学Python之编写类之二方法
2014/10/11 Python
python中使用mysql数据库详细介绍
2015/03/27 Python
django1.8使用表单上传文件的实现方法
2016/11/04 Python
Python for循环中的陷阱详解
2018/07/13 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
网页布局中CSS样式无效的十个重要原因详解
2017/08/10 HTML / CSS
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
大堂副理的岗位职责范文
2014/02/17 职场文书
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
融资租赁计划书
2014/04/29 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
2015初中团委工作总结
2015/07/28 职场文书
大学毕业典礼致辞
2015/07/29 职场文书
优胜劣汰,强者为王——读《鲁滨逊漂流记》有感
2019/08/15 职场文书
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫