Web Programming/Javascript

[웹 프론트앤드 개발 더하기] Javascript를 통해 모바일 기기 OS 구분하기

FelixShin 2021. 7. 16. 00:45
반응형

Javascript 를 통해 프론트앤드 개발시 기기 OS 구분이 가능하다.

구분을 해야하는 경우는 다양한 이유가 있겠지만, 필자는 Android OS 혹은 iOS에 대한 감지가 필요했고 해당 코드를 통해 분기가 가능했다.

 

코드 

if(/Android/i.test(navigator.userAgent)) {

   // Android 에 대응하는 코드

} else if(/iPhone|iPad/i.test(navigator.userAgent)) {

   // iOS에서 iPhone, iPad에 대응 하는 코드

} else {

   // Android, iOS를 제외한 OS

}

 

navigator.userAgent 지원 브라우저

 

javascript를 통해 모바일 기기 제조사 또한 측정이 가능하긴 하다.

 

출처 :

https://caniuse.com/?search=navigator.userAgent