생활코딩 javascript 정리 - Navigator 객체

6. Navigator 객체

브라우저의 정보를 제공하는 객체다. 주로 호환성 문제등을 위해서 사용한다.

아래 명령을 통해서 이 객체의 모든 프로퍼티를 열람할 수 있다.

console.dir(navigator);

주요한 프로퍼티를 알아보자

1) 기능 테스트

Navigator 객체는 브라우저 호환성을 위해서 주로 사용하지만 모든 브라우저에 대응하는 것은 쉬운 일이 아니므로 아래와 같이 기능 테스트를 사용하는 것이 더 선호되는 방법이다. 

예를 들어 Object.keys라는 메소드는 객체의 key 값을 배열로 리턴하는 Object의 메소드다. 이 메소드는 ECMAScript5에 추가되었기 때문에 오래된 자바스크립트와는 호환되지 않는다. 아래의 코드를 통해서 호환성을 맞출 수 있다. (없으면 아래처럼 구현한다는 의미)

// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

if (!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;

    };

  }());

}

출처 : 생활코딩 (https://www.opentutorials.org/course/1375/6650)