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


Posted in Javascript onMay 13, 2014

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

<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>
Javascript 相关文章推荐
Javascript isArray 数组类型检测函数
Oct 08 Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
Angular实现购物车计算示例代码
Feb 21 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
javascript实现下雨效果
Mar 27 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
Jan 27 Javascript
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
微信小程序实现上传多张图片、删除图片
Jul 29 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
May 13 #Javascript
js语法学习之判断一个对象是否为数组
May 13 #Javascript
js中定义一个变量并判断其是否为空的方法
May 13 #Javascript
jQuery 计算iframe 窗口大小的方法
May 13 #Javascript
js 调用百度地图api并在地图上进行打点添加标注
May 13 #Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 #Javascript
js浏览器本地存储store.js介绍及应用
May 13 #Javascript
You might like
discuz的php防止sql注入函数
2011/01/17 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
thinkPHP学习笔记之安装配置篇
2015/03/05 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
javascript的数组和常用函数详解
2014/05/09 Javascript
JS给超链接加确认对话框的方法
2015/02/24 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
canvas的神奇用法
2017/02/03 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
总结js函数相关知识点
2018/02/27 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
2019/07/30 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
python抓取京东商城手机列表url实例代码
2013/12/18 Python
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
python游戏地图最短路径求解
2019/01/16 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
护理专业自荐信
2013/12/03 职场文书
医学院校毕业生自荐信范文
2014/01/01 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
2014年“向国旗敬礼”网上签名寄语活动方案
2014/09/27 职场文书
2014年销售工作总结
2014/12/01 职场文书
信息技术国培研修日志
2015/11/13 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书