[하이브리드앱] Android, IOS 구분하기

하이브리드앱 / 웹앱을 구성하면서 가장 기본적이면서 많이들 궁금해 하시는 Android/ IOS 구분하는 방법입니다.

자바스크립트에서 User-Agent 라는 정보는 접속자의 브라우저 정보 및 디바이스정보를 가지고있는 객체입니다.

이 User-Agent를 이용해서 Android, IOS를 구분할 수 있습니다.

다음은 Android, IOS 각 기기에서의 UserAgent 입니다.

iPhone

"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1"

Android

"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Mobile Safari/537.36"

위와 같이 iPhone 에서는 iPhone이라는 문자열과 Android 에서는 Android라는 문자열이 포함되어 있는것을 확인할 수 있습니다.

그럼 다음과 같이 Android / IOS를 구분하는 함수를 구현할 수 있습니다.

function isAndroid() {

return /Android/i.test(window.navigator.userAgent);

}

function isiPhone() {

return /iPad|iPhone|iPod/.test(navigator.userAgent);

}