客户端检测

客户端检测

1.能力检测

能力检测又称作为特性检测，检测的目标不是识别特定的浏览器，而是识别浏览器的能力。能力检测不必估计特定的浏览器，只需要确定当前的浏览器是否支持特定的能力，就可以给出可行的解决方案。

var width = window.innerWidth;//如果是非 IE 浏览器

if (typeof width != 'number') { //如果是 IE，就使用 document
  if (document.compatMode == 'CSS1Compat') {
    width = document.documentElement.clientWidth;
  } else {
  width = document.body.clientWidth; //非标准模式使用 body
  }
}

PS：上面其实有两块地方使用了能力检测，第一个就是是否支持 innerWidth 的检测，第二个就是是否是标准模式的检测，这两个都是能力检测。

2.怪癖检测(bug 检测)

与能力检测类似，怪癖检测的目标是识别浏览器的特殊行为。但与能力检测确认浏览器支持什么能力不同，怪癖检测是想要知道浏览器存在什么缺陷(bug)。

bug 一般属于个别浏览器独有，在大多数新版本的浏览器被修复。在后续的开发过程中，如果遇到浏览器 bug 我们再详细探讨。

var box = {
  toString : function () {} //创建一个 toString()，和原型中重名
};
for (var o in box) {
  alert(o); //IE 浏览器的一个 bug，不识别
}

3.用户代理检测

用户代理检测通过检测用户代理字符串来确定实际使用的浏览器。在每一次 HTTP 请求过程中，用户代理字符串是作为响应首部发送的，而且该字符串可以通过 JavaScript 的navigator.userAgent 属性访问。

用户代理代理检测，主要通过 navigator.userAgent 来获取用户代理字符串的，通过这组字符串，我们来获取当前浏览器的版本号、浏览器名称、系统名称。

PS：在服务器端，通过检测用户代理字符串确定用户使用的浏览器是一种比较广为接受的做法。但在客户端，这种测试被当作是一种万不得已的做法，且饱受争议，其优先级排在能力检测或怪癖检测之后。饱受争议的原因，是因为它具有一定的欺骗性。

document.write(navigator.userAgent);//得到用户代理字符

Firefox14.0.1
Mozilla/5.0 (Windows NT 5.1; rv:14.0) Gecko/20100101 Firefox/14.0.1