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


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


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

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


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

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


navigator.appName

navigator.appVersion

navigator.userAgent

navigator.appCodeName

navigator.platform


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


1
2
3
4
5
6
7
8
9
10
11
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 브라우저
}
cs

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


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

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




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

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

감사합니다 :D



블로그 이미지

쉬운코딩이최고

Android, Java, jsp, Linux 등의 프로그래밍 언어를 소개 합니다.

,