반응형

스마트폰을 이용하여 홈페이지 접속시
스마트폰용 페이지가 자동으로 나오게 하는것을 구글링을 통해 찾아냈군요..

하도 안나오길래 거의 포기직전 찾았습니다.

브라우저의 user agent string을 이용하는 방법이지요.

여러 사이트의 검색 결과를 토대로 적용한 방법 입니다.

<script type="text/javascript">
// goto mobile page
//http://en.wikipedia.org/wiki/List_of_user_agents_for_mobile_phones
if (navigator.userAgent.match(/iPad/) == null && navigator.userAgent.match(/iPhone|Mobile|UP.Browser|Android|BlackBerry|Windows CE|Nokia|webOS|Opera Mini|SonyEricsson|opera mobi|Windows Phone|IEMobile|POLARIS/) != null)
    location.href = "http://" + location.host + "/m.htm" + location.pathname;
</script>


이 방법은 꼭 스마트폰에만 적용되는것은 아니고
일반 컴퓨터용 브라우저에도 적용 가능합니다.

윗 부분의 예시에서는 아이패드 ( iPad )의 경우 일반 사이트로 보여지게 설정 되어 있습니다.

* 참조 사이트 : http://lomohome.com/309 , http://www.yangc.com/blog/257 , http://blog.myhyuny.com/entry/티스토리에서-자동으로-모바일-페이지로-이동하기

그나저나 티스토리에서도 공식적으로 자동으로 변환 브라우저별 사이트 이동 서비스를 해주셨으면 좋겠습니다.. ^^;;
반응형

+ Recent posts