웹에서 스마트폰 단말기모델 확인

webrtc를 사용하는 서비스다 보니까

기기에 따라 발생하는 이슈가 있다.

안드로이폰인지, 아이폰인지 그리고

안드로이드폰 일경우 보급형 스마트폰같은 경우에는 버그가 날 확률이 높았다.

원활한 기기에따른 트러블슈팅을 하기위해서 단말기모델정보도 수집을 하는게 어떨까 생각을 했다.

 

navigator.userAgent를 통해서 User-Agent를 확인할 수 있다.

 

EX)

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

 

Mozilla/5.0 (linux; android 11; sma908n build/rp1a.200720.012; wv) Applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/94.0.4606.80 mobile safari/537.36;kakaotalk 2309520

 

Mozilla/5.0 (Linux; U; Android 2.2.1; ko-kr; SHW-M110S Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

 

User-Agnet는 보통 Mozilla 정보/버전 + 운영체제 정보 + 렌더링 엔진 정보 + 브라우저 으로 나타나는데,

파싱하기가 굉장히 까다롭다. bowser라는 전용 파싱 라이브러리으로 쉽게 파싱이 가능하다.

 

 

 

이번 프로젝트가 끝나면

바로 보완해야겠다.