모바일 체크

자바스크립트로 웹페이지에서 모바일인지 체크여부 코드를 자주 사용할 것 같아 작성해둡니다.


const userAgent = navigator.userAgent.toLowerCase(); // 사용자 에이전트 문자열을 소문자로 변환
const isTablet = (/ipad|xoom|sch-i800|(android(?!.*mobile))|playbook|tablet|kindle/i.test(userAgent)); // 태블릿인지 확인
const isMobile = (/mobile|iphone|ipod|blackberry|windows\sce|palm|smartphone|iemobile|NOKIA/i.test(userAgent)); // 모바일인지 확인
const isSmallScreen = window.matchMedia('(max-width: 800px)').matches; // 화면 너비가 800px 이하인 경우 true
const isTouchDevice = 'maxTouchPoints' in navigator && navigator.maxTouchPoints > 0; // 터치 기능이 있는 디바이스인지 확인
const isMobileDevice = isTablet || isMobile || (isSmallScreen && isTouchDevice); // 태블릿, 모바일인 경우 true
const isDesktopDevice = !isMobileDevice; // PC인 경우 true
const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent); // iOS인지 확인
const isAndroid = /Android/i.test(navigator.userAgent); // 안드로이드인지 확인

모바일 체크

댓글