본문 바로가기
FullStack/11. JavaScript

IOS 13이후 아이패드와 Mac 구분 방법

by nakanara 2024. 6. 17.
반응형

IOS13 업데이트 이후 아이패드를 구분하기 어려워졌습니다.
IOS13 이후부터는 아이패드는 데스크톱처럼 보여주기 위해 Mac과 유사한 사용자 에이전트 문자열을 사용하고 있습니다.

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Safari/605.1.15

기존 확인 방법으로는 불가하여, 여러 가지 방법을 통해 확인하는 방법이 제시되고 있습니다.

1. 플랫폼 확인 방법

JavaScript를 사용하여 터치 기능을 기반으로 구분할 수 있습니다. 아이패드는 터치를 지원하는 반면, Mac은 그렇지 않습니다. 이를 위해 navigator.platform 속성과 터치 감지를 사용할 수 있습니다

const isIpad = (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);

2. 터치 지원 여부

직접 터치 지원을 확인하여 장치가 아이패드인지 판단

const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
반응형