JS判断不同系统浏览器类型的完整代码实现

作者:小圆点时间:2026-10-27 16:08:08浏览:245

本文提供了一段用于判断运行环境、操作系统及浏览器类型的JavaScript代码。通过解析navigator.userAgent,该函数可识别Opera、Chrome、WebKit内核、Safari各版本、IE系列、Gecko引擎以及Windows、Mac和Linux系统。此外,代码还包含对文档模式、HTTPS连接及多种数据类型的通用判断方法,开发者可直接调用返回的环境对象进行后续逻辑处理。

JS判断不同系统浏览器类型的完整代码实现

示例代码:

 
function Env(){
var ua=navigator.userAgent.toLowerCase();
function check(r){
return r.test(ua);
} 
return {
//检测运行环境,包括操作系统、浏览器及HTTPS连接状态等
DOC : document,
isStrict : DOC.compatMode == "CSS1Compat" ,
isOpera : check(/opera/) ,
isChrome : check(/\bchrome\b/) ,
isWebKit : check(/webkit/) ,
isSafari : !check(/\bchrome\b/)&& check(/safari/) ,
isSafari2 : !check(/\bchrome\b/)&& check(/safari/)&& check(/applewebkit\/4/), // Safari 2特有标识
isSafari3 : !check(/\bchrome\b/)&& check(/safari/)&& check(/version\/3/),
isSafari4 : !check(/\bchrome\b/)&& check(/safari/)&& check(/version\/4/),
isIE : !check(/opera/) && check(/msie/) ,
isIE7 : !check(/opera/) && check(/msie/)&& check(/msie 7/) ,
isIE8 : !check(/opera/) && check(/msie/)&& check(/msie 8/) ,
isIE6 : !check(/opera/) && check(/msie/)&&!check(/msie 7/)&& !check(/msie 8/),
isGecko : !check(/webkit/)&& check(/gecko/),
isGecko2 : check(/webkit/)&& check(/rv:1\.8/),
isGecko3 : check(/webkit/)&& check(/rv:1\.9/),
isBorderBox : !check(/opera/) && check(/msie/)&& DOC.compatMode != "CSS1Compat",
isWindows : check(/windows|win32/),
isMac : check(/macintosh|mac os x/),
isAir : check(/adobeair/),
isLinux : check(/linux/),
isSecure : /^https/i.test(window.location.protocol),
/** 
* 判断值是否为空,若允许空值(allowBlank=true),当v=''时返回true
*/ 
isEmpty : function(v, allowBlank){
return v === null || v === undefined || ((this.isArray(v) && !v.length)) || (!allowBlank ? v === '' : false);
}, 
/** 
* 判断值是否为数组类型
*/ 
isArray : function(v){
return toString.apply(v) === '[object Array]';
}, 
/** 
* 判断值是否为日期类型
*/ 
isDate : function(v){
return toString.apply(v) === '[object Date]';
}, 
/** 
* 判断值是否为Object类型
*/ 
isObject : function(v){
return !!v && Object.prototype.toString.call(v) === '[object Object]';
}, 
/** 
* 判断值是否为函数
*/ 
isFunction : function(v){
return toString.apply(v) === '[object Function]';
}, 
/** 
* 判断值是否为数字
*/ 
isNumber : function(v){
return typeof v === 'number' && isFinite(v);
}, 
/** 
* 判断值是否为字符串类型
*/ 
isString : function(v){
return typeof v === 'string';
}, 
/** 
* 判断值是否为布尔类型
*/ 
isBoolean : function(v){
return typeof v === 'boolean';
}, 
/** 
* 判断值是否为DOM元素
*/ 
isElement : function(v) {
return !!v && v.tagName;
}, 
/** 
* 判断值是否已定义
*/ 
isDefined : function(v){
return typeof v !== 'undefined';
} 
} 

随后执行var env = env(); 通过env.属性名获取所需的环境类型信息。

作者最新文章