아이폰에서 일반 웹사이트(PC용 웹사이트)에 접속 시 자동으로 아이폰용 웹사이트로 보내는 방법입니다.
페이지 상단에 아래 스크립트를 추가해 줍니다.
<script language="JavaScript">
<!-- 아이폰용 페이지로 이동 -->
if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1)) {
document.location = "http://www.yangc.com/m";
}
</script>
위의 스크립트에서 http://www.yangc.com/m 부분을 원하는 모바일페이지 url로 고쳐주면 됩니다.
아이폰 외의 스마트폰은 iPhone 대신에 해당 User-Agent명을 적어주면 됩니다.
풀브라우징이 되는 스마트폰의 url창에 javascript:alert(navigator.userAgent); 을 입력하면 해당 User-Agent명을 알 수 있습니다.
저는 아이폰밖에 없어서;;
- 모바일 웹사이트 개발 - 아이폰 : 글자에 그림자 ... (0)2010/02/17
- 모바일 웹사이트 개발 - 아이폰 : 사파리 디자인 ... (0)2010/02/17
- 모바일 웹사이트 개발 - 아이폰 : 웹사이트 접속 ... (1)2010/02/11
- 모바일 웹사이트 개발 - 아이폰 : 해상도 및 툴바... (4)2010/02/10
- 모바일 웹사이트 개발 - 아이폰 : 이미지에 마스... (0)2010/02/10
* 본 글은 양씨닷컴 블로그(http://www.yangc.com/blog)에서 작성되었습니다.
* 본 글의 저작권은 양씨닷컴(http://www.yangc.com)에 있습니다.
* 출처를 밝히지 않는 무단배포 및 수정을 금합니다.
트랙백 주소 :: http://jaju4k.cafe24.com/blog/trackback/257
-
Subject: user agent string을 이용한 브라우저별 사이트 이동
Tracked from 개구쟁이 태즈의 작은 섬 이야기 - 블로그 2010/06/01 08:50 삭제스마트폰을 이용하여 홈페이지 접속시 스마트폰용 페이지가 자동으로 나오게 하는것을 구글링을 통해 찾아냈군요.. 하도 안나오길래 거의 포기직전 찾았습니다. 브라우저의 user agent string을 이용하는 방법이지요. 여러 사이트의 검색 결과를 토대로 적용한 방법 입니다. <script type="text/javascript"> // goto mobile page //http://en.wikipedia.org/wiki/List_of_user_agen..
