안녕하세요. 제임스 입니다.
이번에는 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
'javascript' 카테고리의 다른 글
| [ Javascript 코딩 ] JSON.stringify() - javascript 값을 JSON string 으로 변환하기 (6) | 2018.05.09 |
|---|---|
| [ javascript 코딩 ] JSON 이란? (6) | 2018.05.04 |
| [ 자바스크립트 코딩 ] 새창 띄우기 (4) | 2017.12.19 |
| [자바스크립트 코딩] 문자열을 숫자로 변환하기 (4) | 2017.10.11 |
| [자바스크립트 코딩] 오류 및 예외 처리 (4) | 2017.09.06 |
쉬운코딩이최고
Android, Java, jsp, Linux 등의 프로그래밍 언어를 소개 합니다.