javascript 检测浏览器类型和版本的代码


Posted in Javascript onSeptember 15, 2009

检测浏览器及其版本的代码

getBrowser : function(){ 
var browser = { 
msie: false, firefox: false, opera: false, safari: false, 
chrome: false, netscape: false, appname: 'unknown', version: 0 
}, 
userAgent = window.navigator.userAgent.toLowerCase(); 
if ( /(msie|firefox|opera|chrome|netscape)\D+(\d[\d.]*)/.test( userAgent ) ){ 
browser[RegExp.$1] = true; 
browser.appname = RegExp.$1; 
browser.version = RegExp.$2; 
} else if ( /version\D+(\d[\d.]*).*safari/.test( userAgent ) ){ // safari 
browser.safari = true; 
browser.appname = 'safari'; 
browser.version = RegExp.$2; 
} 
return browser.appname + browser.version; 
}

对象/特征检测法

该方法是一种判断浏览器能力(而非浏览器的确切型号)的通用方法。大部分JS专家认为这个方法最合适,因为他们认为按照该方法所编写的脚本是经得起未来考验的。

//获取IE浏览器的版本号
//返回数值,显示IE的主版本号
function getIEVer() {
var ua = navigator.userAgent; //获取用户端信息
var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置
if (b < 0) {
return 0;
}
return parseFloat(ua.substring(b + 5, ua.indexOf(";", b))); //截取版本号字符串,并转换为数值
}

alert(getIEVer()); //返回数值8(我的IE8)

如果更关注浏览器的能力而不在乎它实际的身份,就可以使用这种方法。

user-agent字符串检测法

user-agent字符串提供了关于Web浏览器的大量信息,包括浏览器的名称和版本。

var ua = navigator.userAgent.toLowerCase(); //获取用户端信息
var info = {
ie: /msie/.test(ua) && !/opera/.test(ua),  //匹配IE浏览器
op: /opera/.test(ua),  //匹配Opera浏览器
sa: /version.*safari/.test(ua),  //匹配Safari浏览器
ch: /chrome/.test(ua),  //匹配Chrome浏览器
ff: /gecko/.test(ua) && !/webkit/.test(ua)  //匹配Firefox浏览器
};
(info.ie) && alert("IE浏览器");
(info.op) && alert("Opera浏览器");
(info.sa) && alert("Safari浏览器");
(info.ff) && alert("Firefox浏览器");
(info.ch) && alert("Chrome浏览器");

通常我们做得最多的,就是判断是否是IE了,其它几种浏览器一般都会符合标准.有些客户只需要符合IE和FF就已经满足了.那么我们可以这样做:

var isIE = (navigator.appName == "Microsoft Internet Explorer");

判断IE远远不止上面一种方法,可以使用IE更多特有的东西,如:window.ActiveXObject,document.all等,这些都属于对象/特征检测法了!通常要在不同的浏览器上写不同的样式(因为IE样式解析也各有不同),那就得判断版本了.可以这样做

//获取IE浏览器的版本号
//返回数值,显示IE的主版本号
function getIEVer() {
var ua = navigator.userAgent; //获取用户端信息
var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置
if (b < 0) {
return 0;
}
return parseFloat(ua.substring(b + 5, ua.indexOf(";", b))); //截取版本号字符串,并转换为数值
}

alert(getIEVer()); //返回数值7

检测操作系统:

var isWin = (navigator.userAgent.indexOf("Win") != -1); //如果是Windows系统,则返回true
var isMac = (navigator.userAgent.indexOf("Mac") != -1);  //如果是Macintosh系统,则返回true
var isUnix = (navigator.userAgent.indexOf("X11") != -1);  //如果是Unix系统,则返回true
var isLinux = (navigator.userAgent.indexOf("Linux") != -1);  //如果是Linux系统,则返回true

文章大部分内容来自于《Javascript征途》

Javascript 相关文章推荐
jquery 弹出登录窗口实现代码
Dec 24 Javascript
Javascript 网页水印(非图片水印)实现代码
Mar 01 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Aug 12 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
Jquery实现遮罩层的方法
Jun 08 Javascript
JavaScript File API文件上传预览
Feb 02 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
浅谈vue的踩坑路
Aug 31 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
微信小程序中target和currentTarget的区别小结
Nov 06 Javascript
vue 解决provide和inject响应的问题
Nov 12 Javascript
不安全的常用的js写法
Sep 15 #Javascript
Mootools 1.2教程 滑动效果(Slide)
Sep 15 #Javascript
Mootools 1.2教程 同时进行多个形变动画
Sep 15 #Javascript
Mootools 1.2教程(21)——类(二)
Sep 15 #Javascript
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 #Javascript
Mootools 1.2教程 Tooltips
Sep 15 #Javascript
Mootools 1.2教程 类(一)
Sep 15 #Javascript
You might like
关于页面优化和伪静态
2009/10/11 PHP
php中显示数组与对象的实现代码
2011/04/18 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
PHP安全上传图片的方法
2015/03/21 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
2019/10/12 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
node.js下LDAP查询实例分享
2015/09/30 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
vue引入swiper插件的使用实例
2017/07/19 Javascript
React组件refs的使用详解
2018/02/09 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
2020/04/25 Javascript
vue3.0 自适应不同分辨率电脑的操作
2021/02/06 Vue.js
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
Flask之flask-script模块使用
2018/07/26 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
详解Python3注释知识点
2019/02/19 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
如何把python项目部署到linux服务器
2020/08/26 Python
美国最受欢迎的度假租赁网站:VRBO
2016/08/02 全球购物
英国女士和男士时尚服装网上购物:Top Labels Online
2018/03/25 全球购物
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
求职自荐书范文
2013/12/04 职场文书
村捐赠仪式答谢词
2014/01/21 职场文书
大二自我鉴定
2014/01/31 职场文书
亮化工程实施方案
2014/03/17 职场文书
实习协议书范本
2014/04/22 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
受伤赔偿协议书
2014/09/24 职场文书
学生上课看漫画的检讨书
2014/09/26 职场文书
民主生活会对照检查材料范文
2014/10/01 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书