Javascript로 클라이언트 디바이스및 브라우저 확인하기

서버로 요청을 한 클라이언트가 브라우저(웹)인지 앱(폰)인지 어떤 OS인지 등을 header를 통해서 클라이언트 정보를 전달받아 볼 수 있는 API가 있습니다.

바로, window.navigator.userAgent객체를 확인하면 됩니다.

 

보통 클라이언트의 디바이스 정보와 브라우저 종류를 확인하고, 보여지는 웹 페이지의 css나 기능 처리를 클라이언트에 맞춤해서 제공해 주기 위해서 사용합니다.

 

 

자바스크립트로 알아보는 방법은 간단합니다.

let us = window.navigator.userAgent


// 위의 방법을 쓰지 않아도 기본 브라우저의 너비를 가져와서 일정 값 이하이면 모바일로 판단할 수도 있습니다.
this.isMobile = (window.innerWidth <= 768)

 

 

 

땡큐떙큐