[ 자바스크립트 코딩 ] User Agent 를 이용한 단말정보 가져오기

안녕하세요. 제임스 입니다. 

이번에는 User-Agent 에 대해 정리해 보겠습니다. 

자바 스크립트를 사용하다 보면 단말정보에 따라 또는 브라우저에 따라 상이한 동작을 하게 만들고 싶다거나 브라우저 별로 지원하는 함수가 달라 다르게 작업해야 하는 등의 이슈 사항들이 생기게 됩니다. 

그때 이 User-Agent 라는 값을 이용하여 사용 단말 정보나 브라우저 정보를 가져와 정상동작 하도록 작업 할 수 있습니다. 

User Agent 값을 가져오기 위해 Navigator 객체를 이용합니다. 

navigator 객체는 아래와 같은 프로퍼티를 제공하고 있습니다. 

navigator.appName

navigator.appVersion

navigator.userAgent

navigator.appCodeName

navigator.platform

이중 우리가 원하는 프로퍼티가 userAgent 입니다. 

if (navigator.userAgent.match(/iPad/i)){
        // 아이패드
}else if (navigator.userAgent.match(/Tablet/i)){
        // 안드로이드 테블릿
} else if(navigator.userAgent.match(/Android/i)){
        // 안드로이드 OS
} else if(navigator.userAgent.match(/iPhone|iPod/i)){
        // 아이폰 & 아이팟
} else {
        // 기타 PC 브라우저
}

위와 같이 navigator.userAgent 값을 이용하여 단말을 분류 및 원하는 작업을 별도 처리 할 수 있습니다. 

https://www.whoishostingthis.com/tools/user-agent/

위 링크로 이동하시면  User Agent 값을 확인 하실 수 있으며 User Agent 에대한 더 많은 정보를 얻으실 수 있습니다. ^^

▼ 도움이 되셨다면 로그인이 필요 없는 ▼

▼ 하트 클릭 한번 부탁 드립니다 ▼

감사합니다 :D