脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS获得浏览器和操作系统版本

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>

您可能感兴趣的文章:

相关文章

  • 使用重写url机制实现验证码换一张功能

    使用重写url机制实现验证码换一张功能

    重写URL机制：为了保证一个url的地址唯一，可每次向服务器传递的参数不一样即可。此处在实现验证码的换一张的功能时，就是利用了改变参数列表的值进行刷新。具体详细代码大家参考下本文
    2017-08-08
  • 详解template标签用法(含vue中的用法总结)

    详解template标签用法(含vue中的用法总结)

    这篇文章主要介绍了template标签用法(含vue中的用法总结)，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
    2021-01-01
  • Javascript6中字符串的四个新用法分享

    Javascript6中字符串的四个新用法分享

    本文将要介绍在JavaScript 6(ES6)里出现的一个关于字符串操作的语法特征，有需要的朋友们可以参考学习，下面来一起来看看吧。
    2016-09-09
  • Javascript+CSS实现影像卷帘效果思路及代码

    Javascript+CSS实现影像卷帘效果思路及代码

    Arcmap里面的一个卷帘效果肯定记忆很深刻，我也对这种比较炫的卷帘效果做了一下研究，现在给大家汇报下结果
    2014-10-10
  • JS随机排序数组实现方法分析

    JS随机排序数组实现方法分析

    这篇文章主要介绍了JS随机排序数组实现方法,结合具体实例形式对比分析了javascript针对数组进行随机排序的相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • JavaScript中find()、findIndex()、filter()、indexOf()处理数组方法的具体区别详解

    JavaScript中find()、findIndex()、filter()、indexOf()处理数组方法的具体区别详

    在JavaScript中数组是一种非常常见且功能强大的数据结构,这篇文章主要介绍了JavaScript中find()、findIndex()、filter()、indexOf()处理数组方法具体区别的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • JavaScript性能优化之小知识总结

    JavaScript性能优化之小知识总结

    JavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文给大家介绍javascript性能优化之小知识总结，需要的朋友可以参考下
    2015-11-11
  • 如何自定义删除无依赖文件的webpack插件

    如何自定义删除无依赖文件的webpack插件

    通过自定义webpack插件,利用执行完成编译的封存阶段后,产生的产物module.fileDependencies,生成依赖的文件组,通过读文件的方式,将待扫描的文件组和有依赖关系的文件进行对比,这篇文章主要介绍了自定义删除无依赖文件的webpack插件,需要的朋友可以参考下
    2023-12-12
  • js获取今天、昨天、明天的日期函数代码

    js获取今天、昨天、明天的日期函数代码

    这篇文章主要介绍了js获取今天、昨天、明天的日期函数代码,需要的朋友可以参考下
    2023-05-05
  • 性能优化篇之Webpack构建速度优化的建议

    性能优化篇之Webpack构建速度优化的建议

    这篇文章主要介绍了性能优化篇之Webpack构建速度优化的建议，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04

最新评论