JS获得浏览器版本和操作系统版本的例子

 更新时间:2014年05月13日 11:20:58   作者:  
通过分析各类浏览器的userAgent信息,不难得出分辨各类浏览器及其版本的正则表达式。而且,对浏览器类型的判断和版本的判断完全可以合为一体地进行。

于是,我们可以写出下面的代码:

复制代码 代码如下:
<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>

其中,采用了 三元运算符 这样的判断表达式来精简代码。判断条件是一条赋值语句,既完成正则表达式的匹配及结果复制,又直接作为条件判断。而随后的版本信息只需从前面的匹配结果中提取即可,这是非常高效的代码。

今后,判断某种浏览器只需用if(Sys.ie)或if(Sys.firefox)等形式,而判断浏览器版本只需用if(Sys.ie == '8.0')或if(Sys.firefox == '3.0')等形式,表达起来还是非常优雅的。

获得操作系统版本:

复制代码 代码如下:
<script type="text/javascript">
//用于获取系统版本(注意:本方法对Firefox、Chrome无效)
var ua = window.navigator.userAgent;
var osVersion = ua.split(";")[2];
var osV = osVersion.substr(osVersion.length-3,3);

switch(osV)
{
 case "5.0":
  document.write("Windows2000");
  break;
 case "5.1":
  document.write("WindowsXP");
  break;
 case "5.2":
  document.write("Windows2003");
  break;
 case "6":
  document.write("Windows Vista");
  break;
 case "6.1":
  document.write("Windows 7");
  break;
 default:
 document.write("Others");
}
</script>

相关文章

  • JS 动态判断PC和手机浏览器实现代码

    JS 动态判断PC和手机浏览器实现代码

    这篇文章主要介绍了JS 动态判断PC和手机浏览器实现代码的相关资料,需要的朋友可以参考下
    2016-09-09
  • uniapp使用navigateBack方法返回上级页面并刷新的简单示例

    uniapp使用navigateBack方法返回上级页面并刷新的简单示例

    最近写uniapp项目的时候发现有时候需要更新页面数据,所以下面这篇文章主要给大家介绍了关于uniapp使用navigateBack方法返回上级页面并刷新的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • JavaScript的11个小技巧整理

    JavaScript的11个小技巧整理

    这篇文章介绍了JavaScript的11个小技巧,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JavaScript二叉树及各种遍历算法详情

    JavaScript二叉树及各种遍历算法详情

    这篇文章主要介绍了JavaScript二叉树及各种遍历算法详情,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-07-07
  • 微信小程序多文件上传 Tdesign及导入失败问题

    微信小程序多文件上传 Tdesign及导入失败问题

    小程序文件上传还是有点麻烦的,其实主要还是小程序对的接口有诸多的不便,比如说,文件不能批量提交,只能一个个的提交,小程序的上传需要专门的接口,这篇文章主要介绍了微信小程序多文件上传 Tdesign及导入失败问题,需要的朋友可以参考下
    2023-11-11
  • 小程序按钮避免多次调用接口和点击方案实现(不用showLoading)

    小程序按钮避免多次调用接口和点击方案实现(不用showLoading)

    这篇文章主要介绍了小程序按钮避免多次调用接口和点击方案实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • alert出数组中的随即值代码

    alert出数组中的随即值代码

    一个alert出数组中的随即值代码,随即的到min和max之间的值,经测试,比较实用
    2014-09-09
  • 整理关于Bootstrap模态弹出框的慕课笔记

    整理关于Bootstrap模态弹出框的慕课笔记

    这篇文章主要为大家整理了关于Bootstrap模态弹出框的慕课笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 浅析Ajax语法

    浅析Ajax语法

    本文主要介绍了原生JS中Ajax的实现原理,XMLHttpRequest及promise的概念和流程。需要的朋友可以看下
    2016-12-12
  • javascript下载文件5种方式实例详解

    javascript下载文件5种方式实例详解

    在Web开发中文件下载功能是一个非常常见的功能,这篇文章主要给大家介绍了关于javascript下载文件5种方式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11

最新评论