본문 바로가기

JavaScript

(2)

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

[JavaScript] 모바일 브라우저 감지하기 예전에 만들었던 기능에 문제가 생겼다. 모바일 브라우저를 감지하는 목적으로 navigator.userAgent 속성을 사용했었는데 이렇게 하니 데스크톱 모드를 킨 모바일 기기는 구분이 안된다는 것이다. 확인해보니 모바일 브로우저에서 데스크톱 모드를 사용하면 user agent 문자열에서 "Android" 문자열이 사라진다… 이래저래 찾아보니 애초에 user agent 문자열은 쉽게 조작이 가능해 다른 방법들과 같이 사용하는 것이 좋다고 한다. 예를 들어, 밑에 처럼 스크린 사이즈와 터치 스크린의 유무를 확인한다는 식으로. var uagent = navigator.userAgent.toLowerCase(); var isTablet = (/ipad|xoom|sch-i800|(android(?!.*mobile..

이전 1 다음

티스토리툴바