[Javascript] 컴퓨터(PC), 모바일(Mobile) 기기 인식하기

모바일 기기를 감지(인식)하는 스크립트

 

반응형 웹사이트를 만들다보면 PC 웹이 아닌 모바일에서만 보이는 하단 고정 메뉴 또는 일부 디자인이 노출되는 경우가 있다. 이때, 사용자 접속 기기가 컴퓨터인지 모바일인지 스크립트로 탐지해서 제어해 주어야 한다.

 

{코드 예시}

//모바일기기 배열
var Mobile = /iPhone|iPad|Android|BlackBerry|Windows Phone|Windows CE|LG|MOT|SAMSUNG|SonyEricsson|Nokia/i.test(navigator.userAgent) ? true : false;

if (Mobile) {
  alert('모바일기기에서 접속했습니다.');
} else {
  alert('컴퓨터에서 접속했습니다.');
}

 

 

 

{코드 결과 - 1}

컴퓨터로 접속 했을 때

 

 

{코드 결과 - 2}

모바일로 접속 했을 때

 

 

See the Pen 컴퓨터(PC), 모바일(Mobile) 기기 인식하기 by k.nang Min (@k-nang) on CodePen.