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

更新时间：2009年09月15日 23:37:32 作者：

如果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法，以飨观众!

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

 
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征途》

您可能感兴趣的文章:

JS中 new Date() 各方法的用法说明
这篇文章主要介绍了JS中 new Date() 各方法的用法,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-12-12
javascript实现简易计算器功能
这篇文章主要为大家详细介绍了javascript实现简易计算器功能，实现四则运算，小数点，回退，归0等功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
input+select(multiple) 实现下拉框输入值
昨天做一个网站时，需要实现下拉框能够输入，从功能上讲是要实现用户在文本框输入值时，能够从后读出数据弹出下拉选项
2009-05-05
js 实现 input type="file" 文件上传示例代码
在开发中，文件上传必不可少但是它长得又丑、浏览的字样不能换，一般会让其隐藏点其他的标签（图片等）来时实现选择文件上传功能
2013-08-08
解决layui的radio属性或别的属性没显示出来的问题
今天小编就为大家分享一篇解决layui的radio属性或别的属性没显示出来的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
js实现中国象棋游戏
这篇文章主要为大家详细介绍了js实现中国象棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-05-05
基于bootstrop常用类总结(推荐)
下面小编就为大家带来一篇基于bootstrop常用类总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
Javascript中浏览器窗口的基本操作总结
BOM全称是brower object model(浏览器对象模型)，主要用于管理窗口及窗口间的通讯，其核心对象是window。说窗口，可能并不准确。因为，有的浏览器窗口可能包含多个标签页，每个标签页都有自己的window对象。本文将详细介绍这些内容，有需要可以参考学习。
2016-08-08
通过构造函数实例化对象的方法
下面小编就为大家带来一篇通过构造函数实例化对象的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
微信小程序开发之自定义tabBar的实现
这篇文章主要介绍了微信小程序开发之自定义tabBar的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09