자바스크립트의 navigator 객체와 그 활용

navigator 객체란 무엇인가?

JavaScript에서는 navigator 객체를 제공하여 웹 브라우저와 관련된 정보를 제공합니다.

console.log(navigator);

위 코드로 콘솔을 확인하면 navigator 객체 안에 웹 브라우저의 종류, 버전, 사용언어 등 다양한 정보를 확인할 수 있습니다.

사용자 에이전트 문자열

navigator.userAgent를 통해 현재 사용 중인 웹 브라우저에 대한 정보를 사용자 에이전트 문자열로 확인할 수 있습니다.

console.log(navigator.userAgent);

위 코드는 Chrome에서 실행 중이라면 “Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Safari/537.36″와 같은 형태의 문자열을 반환합니다.

웹 브라우저 환경 변수에 따른 처리

navigator 객체를 활용하여 웹 브라우저 환경 변수를 파악하고, 그에 따른 처리를 할 수 있습니다.

if(navigator.userAgent.indexOf("Chrome") !== -1) {
  console.log("It's Chrome!");
} else {
  console.log("It's not Chrome!");
}

위 코드는 현재 사용 중인 웹 브라우저가 Chrome이면 “It’s Chrome!”을 콘솔에 출력하고, 그렇지 않으면 “It’s not Chrome!”을 출력합니다.

결론

navigator 객체를 활용하면 현재 웹 브라우저에 관한 다양한 정보를 제공받을 수 있고, 이를 바탕으로 웹 페이지의 사용성을 높일 수 있습니다.

자바스크립트 navigator 객체, 웹 브라우저 정보, 사용자 에이전트 문자열, 웹 브라우저 환경 변수