본문 바로가기

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

CSS

NEWS

SITE

Coding


광고

웹 퍼블리셔/Mobile

[Mobile] 접속 브라우저를 인식하는 명령어 useragent

디자인


디자인

접속 브라우저를 인식하는 명령어 useragent

 

모바일 웹을 만들 때 고려해야 할 요소 중 하나는 PC 브라우저와 모바일 브라우저를 어떻게 구분할 것인가이다. 이러한 구분이 필요한 이유는 검색을 통해 홈페이지에 접속할 경우 PC 브라우저에서는 일반 홈페이지 화면, 스마트폰에서는 접속했을 때는 스마트폰 환경의 모바일 홈페이지를 보여 줘야하기 때문입니다. 모바일 홈페이지를 제작할 때 스마트폰 버젼인지, PC 버전인지 확인시켜 주는 명령어는 "userAgent"입니다.

 

<head></head>부분에 다음의 자바스크립 소스를 넣어주면 됩니다.

<script language='javascript'>

if ( (navigator.userAgent.match(/iPhone/i))||    //아이폰

   (navigaor.userAgent.match(/iPod/i))||          //아이팟

   (navigator.userAgent.match(/android/i)))       //안드로이드 계열

 

{

window.location.href='모바일 사이트 주소';

} else {

window.location.href='일반 웹사이트 주소';

}

</script>




디자인