JavaScript高级程序设计(反刍) 8

第9章：

最常用的检测方法是能力检测，这种检测方式识别的并非是浏览器，而是浏览器的能力，也就是支持的方法。

function isHostMethod(object, property){
    var t = typeof object[property];
    return t == 'function' || (!!(t == 'object' && object[property])) || t == 'unknown';
}

怪癖检测是识别浏览器的特殊行为，在一定程度上就是某种浏览器的bug，所以当设计网站是，某些特殊行为运行时，最好测试一下是否能够兼容全部浏览器。

用户代理检测，这中间的意义并不大，直接检测用户代理字符串确定其浏览器型号这种方法并不可取，原因是各大浏览器厂商都有一段时间的耍流氓行为，将自己的代理字符串改成别人，让网页识别出现错误。所以一般不建议使用这种方法。

目前浏览器引擎主要有：IE、Gecko、Webkit、KHTML、Opera

var client = function(){

	//判断浏览器引擎
	var engine = {
		ie: 0,
		gecko: 0,
		webkit: 0,
		khtml: 0,
		opera: 0,
		//完整的版本号
		ver: null
	};
	
	//判断浏览器型号
	var browser = {
		ie: 0,
		firefox: 0,
		safari: 0,
		konq: 0,
		opera: 0,
		chrome: 0,
		//完整的版本号
		ver: null
	};
	
	//判断客户端
	var system = {
		//pc端
		win: false,
		mac: false,
		xll: false,
		
		//移动端
		iphone: false,
		ipod: false,
		ipad: false,
		ios: false,	
		android: false,
		nokiaN: false,
		winMobile: false, 
		
		//游戏端
		wii: false,
		ps: false
	};
	
	var ua = navigator.userAgent; 							//浏览器的用户代理字符串
	
	if(window.opera){ 										//判断opera引擎
	 	engine.ver = browser.ver = window.opera.version();
	 	engine.opera = browser.opera = parseFloat(engine.ver);
	
	}else if(/AppleWebkit\/(\S+)/.test(ua)){ 				//判断Webkit引擎
		engine.ver = RegExp["$1"];
		engine.webkit = parseFloat(engine.ver);
	
	if(/Chrome\/(\S+)/.test(ua)){ 							//判断chrome浏览器
		browser.ver = RegExp["$1"];
		browser.chrome = parseFloat(browser.ver);
	}else if(/Version\/(\S+)/.test(ua)){ 					//判断safari浏览器
		browser.ver = RegExp["$1"];
		browser.safari = parseFloat(browser.ver);
	}else{ 													//更低级的版本用于近似映射safari版本号
		var safariVersion = 1;
		
		if(engine.webkit < 100){
			safariVersion = 1;
		}else if(engine.webkit < 312){
			safariVersion = 1.2;
		}else if(engine.webkit < 412){
			safariVersion = 1.3;
		}else{
			safariVersion = 2;
		}
	
		browser.safari = browser.ver = safariVersion; 					//拿到safari的版本号
		}
	}
	
	else if(/KHTML\/(\S+)/.test(ua) || /Konqueror\/([^;]+)/.test(ua)){  //判断KTHTML引擎
		engine.ver = browser.ver = RegExp["$1"];
		engine.khtml = browser.konq = parseFloat(engine.ver);
	
	}else if(/rv:([^\)]+)\) Gecko\/\d{8}/.test(ua)){ //判断Gecko引擎
		engine.ver = RegExp["$1"];
		engine.khtml = parseFloat(engine.ver);
	
	if(/Firefox\/(\S+)/.test(ua)){ //判断firefox浏览器
		browser.ver = RegExp["$1"];
		browser.firefox = parseFloat(browser.ver);
	}
	
	}else if(/MSIE([^;]+)/.test(ua)){ //判断IE引擎
		engine.ver = browser.ver = RegExp["$1"];
		engine.ie = browser.ie = parseFloat(engine.ver);
	}
	
	browser.ie = engine.ie;
	browser.opera = engine.opera;
	
	var p = navigator.platform; //获取浏览器系统平台
	
	system.win = p.indexOf("Win") == 0;
	system.mac = p.indexOf("Mac") == 0;
	system.xll = (p == "Xll") || (p.indexOf("Linux") == 0);
	
	if(system.win){
		if(/Win(?:dows)?([^do]{2})\s?(\d+\.\d+)?/.test(ua)){ //判断window版本
			if(RegExp["$1"] == "NT"){
				switch(RegExp["$2"]){
					case "5.0":
						system.win = "2000";
						break;
					case "5.1":
						system.win = "xp";
						break;
					case "6.0":
						system.win = "Vista";
						break;
					case "6.1":
						system.win = "7";
						break;
					case "10":
						system.win = "10";
						break;
					default:
						system.win = "NT";
						break;
					}
			}else if(RegExp["$1"] == "9x"){
				system.win = "ME";
			}else{
				system.win = RegExp["$1"];
				}
			}
	}
	
	//判断移动端版本
	system.iphone = ua.indexOf("iPhone") > -1;
	system.ipod = ua.indexOf("iPod") > -1;
	system.ipad = ua.indexOf("iPad") > -1;
	system.nokiaN = ua.indexOf("NokiaN") > -1;
	
	if(system.win == "CE"){
		system.winMobile == system.win;
	}else if(system.win == "Ph"){
		if(/Window Phone OS (\d+.\d+)/.test(ua)){
			system.win = "Phone";
			system.winMobile = parseFloat(RegExp["$1"]);
		}
	}
	
	if(system.mac && ua.indexOf("Mobile") > -1){
		if(/CPU(?:iPhone)?OS(\d+_\d+)/.test(ua)){
			system.ios = parseFloat(RegExp.$1.replace("_", "."));
	}else{
		system.ios = 2;
		}
	}
	
	if(/Android(\d+\.\d+)/.test(ua)){
		system.android = parseFloat(RegExp.$1);
	}
	
	system.wii = ua.indexOf("Wii") > -1;
	system.ps = /playstation/i.test(ua);
	
	return{
		engine: engine,
		browser: browser,
		system: system
	};

}();