Javascript / Jquery PC접속, Mobile접속 유무 확인하기
Javascript / Jquery PC접속, Mobile접속 유무 확인하기
웹사이트를 개발하다보면 PC환경에서 접속했는지, 모바일 환경에서 접속했는지 체크를 해야 하는 경우가 있습니다.
반응형 웹을 개발하면 모바일에서 사용하는 UI 또는 Javascript를 적용하기 위해서죠.
navigator 객체의 platform 속성을 확인해서 체크하는 방법을 보겠습니다.
platform 속성 체크가 가능한 값은 아래와 같습니다.
var filter = "win16|win32|win64|macintel|mac|"; // PC일 경우 가능한 값
if( navigator.platform) {
if( filter.indexOf(navigator.platform.toLowerCase())<0 ) {
alert("모바일에서 접속하셨습니다");
} else {
alert("PC에서 접속하셨습니다");
}
}
다음과 같이 User-Agent 를 이용하여 확인하는 방법도 있다.
<%
- // 헤더에서 스마트폰 여부확인 후 리다이렉트
- String browser = request.getHeader("User-Agent"); // 브라우저 구해오기
- boolean result = false;
- if (browser.indexOf("Android") > 0) { // 안드로이드로 접속했다면 결과값 true
result = true;
} else if (browser.indexOf("iPhone") > 0) { // 아이폰으로 접속했다면 결과값 true
result = true;
}
- if (result == true) {
response.sendRedirect("http://m.naver.com"); // 안드로이드나 아이폰으로 접속했다면 모바일사이트로 이동
}
- %>