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 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Nov 24 Javascript
js CSS操作方法集合
Oct 31 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
DOM 事件流详解
Jan 20 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
正则表达式(语法篇推荐)
Jun 24 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
Apr 29 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 Javascript
基于js实现判断浏览器类型代码实例
Jul 17 Javascript
Vue如何清空对象
Mar 03 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
PHP4在Windows2000下的安装
2006/10/09 PHP
PHP 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
PHP gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
jQuery实现瀑布流的取巧做法分享
2015/01/12 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
基于bootstrap3和jquery的分页插件
2015/07/31 Javascript
Node.js connect ECONNREFUSED错误解决办法
2016/09/15 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
微信小程序分页加载的实例代码
2017/07/11 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
js数组常用最重要的方法
2018/02/04 Javascript
微信小程序结合Storage实现搜索历史效果
2019/05/18 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
python2.7安装图文教程
2018/03/13 Python
检测python爬虫时是否代理ip伪装成功的方法
2019/07/12 Python
python清空命令行方式
2020/01/13 Python
详解Ubuntu环境下部署Django+uwsgi+nginx总结
2020/04/02 Python
Python插件机制实现详解
2020/05/04 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
美国最大的网络男装服装品牌:Bonobos
2017/05/25 全球购物
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
教师职称自我鉴定
2014/02/12 职场文书
采购求职信
2014/03/17 职场文书
安全月活动总结
2014/05/05 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
Java使用jmeter进行压力测试
2021/07/09 Java/Android
springboot新建项目pom.xml文件第一行报错的解决
2022/01/18 Java/Android