javascript高级程序设计读书笔记-第九章-客户端检测

一 能力检测

能力检测是最常用也是最广泛的客户端检测模式，能力检测的目标不是识别特定的浏览器，而是识别浏览器的能力

基本模式如下

if(object.propertyInQuestion){
	//使用objeect.propertyInQuestion
}

先检测最常用的特性可以保证代码最优化，因为在大多数情况下可以测试多个条件

function isSortable(object){
	return !!object.sort;
}
//这样检测不能检测出对象是否支持排序
var result = isSortable({sort:true})


//这样更好：检查sort是不是函数
function isSortable(object){
	return typeof object.sort == "function";
}

检测某个或者几个特性并不能够确定浏览器。

二 怪癖检测

怪癖检测的目标是识别浏览器的特殊行为。怪癖检测是想要知道浏览器存在什么缺陷。例如IE8以及更早的版本中存在一个bug，即如果某个实例属性与[[Enumerable]]标记为false的某个原型属性同名，那么该实例属性就不会出现在for-in循环中

var hasDontEnumQuirk = function(){
	var o = {toString:function(){}};
	for(var prop in o){
		if(prop == "toString"){
			return false;
		}
	}
	return true;
}();

三 用户代理检测

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 = {
		win:false,
		mac:false,
		x11:false,

		//移动设备
		iphone:false,
		ipod:false,
		ipad:fasle,
		ios:false,
		android:false,
		nokiaN:false,
		winMobile:false,

		//游戏系统
		wii:false,
		ps:false
	};


	//注意检测的顺序问题

	//检测呈现引擎和浏览器
	var ua = navigator.userAgent;
	if(window.opera){
		engine.ver = browser.ver = window.opera.version();
		engine.opera =browser.opera = parseFloat(engine.ver);
	}else if(/AppleWebkit\/(\S+)/.test(ua)){
		engine.ver = RegExp["$1"];
		engine.webkit = parseFloat(engine.ver);

		//确定是chrome还是safari
		if(/Chrome\/(\S+)/.text(ua)){
			browser.ver = RegExp["$1"];
			browser.chrome = parseFloat(browser.ver);
		}else if (/Version\/(\S+)/.test(ua)) {
			browser.ver = RegExp["$1"];
			browser.safari = parseFloat(browser.ver);
		}else{
			var safariVersion = 1;
			if(engine.webkit < 100){
				safariVersion = 1;
			}else if(engine.webkit <312){
				safariVersion = 1.2;
			}else if(engine.window < 412){
				safariVersion = 1.3
			}else{
				safariVersion = 2;
			}
			browser.safari = browser.ver = safariVersion;
		}
	}else if(/KHTML\/(\S+)/.test(ua)||/Konqueror\/([^;]+)/.test(ua)){
		engine.ver = browser.ver = RegExp["$1"];
		engine.khtml = engine.konq = parseFloat(engine.ver);
	}else if(/rv:([^\)]+)\) Gecko\/\d{8}/.test(ua)){
		engine.ver = RegExp["$1"];
		browser.firefox = parseFloat(engine.ver);

		//确定不是firefox
		if(/Firefox\/(\S+)/.test(ua)){
			browser.ver = RegExp["$1"];
			browser.firefox = parseFloat(browser.ver);
		}
	}else if(/MSIE ([^;]+)/.test(ua)){
		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.x11 = (p == "X11") || (p.indexOf("Linux") == 0)

	//检测Windows操作系统
	if(system.win){
		if(/Win(?:dows )?([^do]{2})\s?(\d+\.\d+)?/.test(ua)){
			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;
					default:
						system.win = "NT";
						break;
				}
			}else if(RegExp["$2"] == "9x"){
				system.win = "ME";
			}else{
				system.win = RegExp["$1"];
			}
		}
	}


	//移动设备
	 system.iphone = ua.indexOf("iphone") > -1;
	 system.ipod = us.indexOf("iPod") > -1;
	 system.ipad = ua.indexOf("iPad") > -1;
	 system.nokiaN = ua.indexOf("NokiaN") > -1;

	 //windows mobile
	 if(system.win == "CE"){
	 	system.winMobile = system.win;
	 }else if(system.win == "Ph"){
	 	if(/Windows Phone OS (\d+.\d+)/.test(ua)){
	 		system.win = "Phone";
	 		system.winMobile = parseFloat(RegExp["$1"]);
	 	}
	 }

	 //检测ios版本
	 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;         //不能真正检测出来，所以只能猜测
	 	}
	 }

	 //检测Android版本
	 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
	 };

}();