BOM : Navigator 객체

 Navigator 객체

* 브라우저의 버전, 제품명 등 정보를 알 수 있는 기능.

* 주로 호환성 문제 등을 위해 사용한다.

 1. Navigator의 모든 프로퍼티 확인

console.dir(navigator);

 2. appName

alert(navigator.appName);

* 웹 브라우저의 이름이다. IE는 Microsoft Internet Explorer, 파이어폭스, 크롬등은 Nescape로 표시한다.

 3. appVersion

alert(navigator.appVersion);

* 브라우저의 버전.

 4. userAgent

alert(navigator.userAgent);

* 브라우저가 서버측으로 전송하는 USER-AGENT HTTP 헤더의 내용이다. appVersion과 비슷하다.

 5. platform

alert(navigator.platform);

* 브라우저가 현재 사용하고 있는 운영체제에 대한 정보

6. 기능테스트 (현재 사용할 기능(API)가 있는지 없는지 확인)

* 예를들어 Object.keys라는 메소드는 객체의 key 값을 배열로 리턴하는 Object의 메소드다. 

 이 메소드는 ECMAScript5에 추가되었기 때문에 오래된 자바스크립트와는 호환되지 않는다. 아래의 코드를 통해서 호환성을 맞출 수 있다. 

if (!Object.keys) {    //object라는 객체가 keys라는 메소드를 가지고 있지 않다면
  Object.keys = (function () {    //그 기능이 있는 것처럼 동작하도록 함 -> 기능 추가
    'use strict';
    var hasOwnProperty = Object.prototype.hasOwnProperty,
        hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
        dontEnums = [
          'toString',
          'toLocaleString',
          'valueOf',
          'hasOwnProperty',
          'isPrototypeOf',
          'propertyIsEnumerable',
          'constructor'
        ],
        dontEnumsLength = dontEnums.length;
 
    return function (obj) {
      if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
        throw new TypeError('Object.keys called on non-object');
      }
 
      var result = [], prop, i;
 
      for (prop in obj) {
        if (hasOwnProperty.call(obj, prop)) {
          result.push(prop);
        }
      }
 
      if (hasDontEnumBug) {
        for (i = 0; i < dontEnumsLength; i++) {
          if (hasOwnProperty.call(obj, dontEnums[i])) {
            result.push(dontEnums[i]);
          }
        }
      }
      return result;
    };
  }());
}

* object.keys링크