맨 땅에 프론트엔드 개발자 되기

JavaScript 접속한 기기가 모바일인지 아닌지 확인하는 방법 본문

코딩 공부 일지/JavaScript

JavaScript 접속한 기기가 모바일인지 아닌지 확인하는 방법

헬로코딩 2022. 7. 8. 16:38
728x90

1. 일반 PC로 접속할 경우에는 앱 다운로드 링크를 띄우지 않고, 모바일로 접속할 경우에만 앱 다운로드 링크를 띄운다던가

2. 일반 PC는 마우스 기반이고 모바일은 터치 기반이기 때문에 접속 기기에 따라 이벤트를 다르게 작동시킨다던가

 

다양한 경우에 접속한 기기의 종류를 확인해야할 경우가 생긴다.

JavaScript 접속한 기기가 모바일인지 아닌지 확인하는 방법

const isMobile = () => {
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
  };

이 코드 한 줄이면 접속한 기기가 모바일일 경우 true, 아닐 경우 false를 반환하는 함수를 구현할 수 있다.

728x90