네비게이터 객체
navigator
navigator 객체는 브라우저 정보를 나타냅니다. 가장 일반적으로 사용되는 속성은 다음과 같습니다.
navigator.appName: 브라우저 이름; >
- navigator.appVersion: 브라우저 버전
- navigator.언어: 브라우저 설정 언어
- .platform: 운영 체제 유형,
- navigator.userAgent: 브라우저에서 설정한 사용자 에이전트 문자열.
<html> <head> <script> 'use strict'; alert('appName = ' + navigator.appName + '\n' + 'appVersion = ' + navigator.appVersion + '\n' + 'language = ' + navigator.language + '\n' + 'platform = ' + navigator.platform + '\n' + 'userAgent = ' + navigator.userAgent); </script> </head> <body> </body> </html>네비게이터 정보는 사용자가 쉽게 수정할 수 있기 때문에 자바스크립트로 읽어온 값이 반드시 정확하지는 않을 수 있으니 주의하세요. 다양한 브라우저에 대해 다양한 코드를 작성하기 위해 많은 초보자는 브라우저 버전을 확인하기 위해 if를 사용하는 것을 좋아합니다. 예:
if (getIEVersion(navigator.userAgent) < 9) { width = document.body.clientWidth; } else { width = window.innerWidth; }하지만 이렇게 하면 판단이 부정확할 수 있고 코드를 유지하기가 어렵습니다. 올바른 방법은 존재하지 않는 속성에 대해 정의되지 않은 값을 반환하는 JavaScript의 기능을 최대한 활용하고 단락 연산자 ||를 직접 사용하여 다음을 계산하는 것입니다.
var width = window.innerWidth || document.body.clientWidth;