[JavaScript] 데스크톱 모드에서 모바일 OS 구분하기 (navigator.platform)

저번에 user agent만으로는 모바일 기기와 PC가 완벽히 구분이 안된다는 문제가 발생했었다. 특히 모바일에서 데스크톱 모드를 활성화하면 문제가 됐었는데, 그래서 스크린 사이즈와 터치 스크린의 유무를 추가로 판단해주어야 했다. 그렇게 웬만한 모바일 기기는 감지가 되었는데, 문제는 해당 모바일 기기가 안드로이드인지 iOS인지는 여전히 구별이 안된다는 것이었다. 모바일 브라우저에서 데스크톱 모드를 키면 user agent 문자열에서 iPhone, Android와 같은 식별자가 사라지니 당연한 문제였다. 다만, PC와 모바일을 구분하는 법은 검색하면 많이 나왔지만, 데스크톱 모드에서 모바일 OS를 구분하는 방법은 잘 나와있지 않다. 생각해보면 굳이 모바일로 데스크톱 모드켜서 브라우징 하는 사람이 몇이나 될까 싶다.

 

아무튼 결론은 navigator.platform을 사용하기로 했다. 이름 그대로 유저의 브라우저가 어느 플랫폼에서 돌아가고 있는지를 나타내주는 속성이다. 모바일 OS 별로 나올 수 있는 navigator.platform 값은 다음과 같다.

모바일 OS	navigator.platform 값
Android	Android Linux armv7l
iOS	iPhone iPod iPad

 

추가로 Android는 null 값을 돌려주는 경우도 있고, iOS는 opera 브라우저를 사용하면 Pike 뭐시기 값을 리턴하는 경우가 있다는 거 같은데 직접해보질 않아서 모르겠다.

 

아무튼 해당 속성을 이용하면 다음과 같은 코드로 데스크톱 모드를 키든 안키든 안드로이드와 iOS를 구별할 수 있다.

let isIOS = /(iPad|iPhone|iPod)/i.test(navigator.platform) || /(iPad|iPhone|iPod|iOS)/i.test(navigator.userAgent);

if(isIOS) {
	// iOS 파트
} else {
	// 안드로이드 파트
}

 

 

뿌듯하게 코드를 작성하고 platform 속성에 대해 더 찾아보니 해당 속성은 이미 deprecated 됐다고 한다... 어라..?