'팁'에 해당되는 글 1건

  1. 2010/01/01 티스토리에서 자동으로 모바일 페이지로 이동하기 (5)

티스토리에서 자동으로 모바일 페이지로 이동하기

컴퓨터/프로그래밍 2010/01/01 01:18
요즘 아이폰을 하다 문득 눈에 띄는게 하나 있는데요.
그건 티스토리는 모바일 페이지를 가지고 있음에도 불구하고 자동으로 모바일 페이지로 이동을 안한다는 점입니다. =ㅅ=;;

그래서 트래픽 비용도 고려해 자동으로 모바일 페이지로 이동하는 자바스크립트를 만들어 봤습니다 >ㅁ<

<script type="text/javascript">

var agent = navigator.userAgent;

if (agent.match(/iPhone/) != null || agent.match(/iPod/) != null) {

 location.href = "http://" + location.host + "/m" + location.pathname;

}

</script>

위의 내용을 스킨에서 <head>테그 바로 아래에 저 내용을 넣으시면 됩니다 ^^

이 방법의 단점이 있다면, 아무래도 스크립트에 강제로 넣는거다 보니 모바일에서는 무조건 강제로 모바일 페이지로 이동합니다. 그래서 모바일 기기에서는 원래의 티스토리 화면이 안보이게 됩니다 -ㅅ-;; 이것은 아무래도 티스토리 쪽에서 기능을 넣어줘야 하는거라 제가 함부로 기능을 넣기는 좀 애매하네요(억지로 넣을 수는 있습니다 ㄷㄷ)

그리고 현재 아이폰만 되는데... 혹시 오페라와, WM용 인터넷 익스플러 및 오즈 같은 풀브라우징이 가능한 모바일 기기의 User-Agent 정보를 보내주시면 그때 그때 스크립트를 수정하겠습니다. (User-Agent를 확인하는 방법 -> 브라우저 주소창에 javascript:alert(navigator.userAgent); 를 넣으면 확인 가능합니다 ^^)

PS1] 아이팟 터치 추가했습니다.
저작자 표시 비영리 변경 금지
이올린에 북마크하기(0) 이올린에 추천하기(0)

'컴퓨터 > 프로그래밍' 카테고리의 다른 글

티스토리에서 자동으로 모바일 페이지로 이동하기  (5) 2010/01/01
웹 프로그래밍의 허와 실 - Character Set  (4) 2009/07/26
웹 프로그래밍의 허와 실 - 들어가기 앞서서  (2) 2009/07/25
간단한 웹 서버 프로그램 거의 다 만들었습니다.  (5) 2009/03/07
간단한 웹 서버 제작에 들어가기 앞서서  (0) 2009/02/20
간단한 웹 서버 제작 계획중?!  (0) 2009/02/16
Posted by 화현
Tag , , ,
Trackback 3 Comment 5

Trackback : http://blog.myhyuny.com/trackback/334 관련글 쓰기

  1. Subject 티스토리에 모바일 페이지 전환 버튼 달기

    Tracked from RUKXER.net 2010/01/01 01:50 delete

    2009년 마지막 날, 잘 보내고 계신가요 :-) 엄청 추운 날이 됐네요! 햇살은 좋은 것 같은데....ㅎㅎ 이번엔 연말을 기념해서 오랜만에 순수한(?) 팁 포스팅 하나 올릴까 합니다^^. 최근 아이폰과 옴니아2의 대결 여파로 스마트폰 유저가 폭발적으로 많아지면서 블로그도 스마트폰에 맞는 모바일 환경을 지원해 주는 것이 필요로 하게 되었습니다. 안타깝게도 티스토리는 텍스트큐브와 달리 모바일 환경을 자동으로 인식해 변환해주는 역할을 하지 못하는데요....

  2. Subject 티스토리의 모바일 웹 접근성에 대한 고민

    Tracked from RUKXER.net 2010/01/04 16:56 delete

    다름이 아니라 조금 고민 중인게 있는데..... 아이폰만 20만 대가 넘게 팔려나갔다는 것은 모바일 웹 유저가 최소한 20만 명이 넘었다는 소리로 받아 들여집니다. 여기에 경쟁 제품까지 더하면 더욱 많다고 볼 수 있겠죠. 어디서나 웹(인터넷)에 접속이 가능한 환경에 있는 사람들이 대폭 늘어 났는데, 기존의 블로그들도 그에 맞춰 변화를 꾀해야 되지 않을까 싶어서 고민 중입니다. 일단 제가 이용 중인 티스토리의 모바일 환경은 /m 으로 이미 만들어져 있..

  3. Subject 서울비의 알림

    Tracked from seoulrain's me2DAY 2010/02/10 01:42 delete

    티스토리에서 자동으로 모바일 페이지로 이동하기 — Firen's Diary

  1. BlogIcon RUKXER 2010/01/01 01:51 address edit & del reply

    나는 터치팟이라서 그런가? iPod로 뜨는구만~. 추가하려면 어떻게 해야 되노??

    • BlogIcon 화현 2010/01/01 02:24 address edit & del

      터치팟 추가했어요^^
      이전꺼랑 비교하시면 쉽게 이해 되실꺼에요^^

  2. BlogIcon eslife 2010/02/03 21:34 address edit & del reply

    감사합니다. 방법을 찾고 있었는데 너무 간단하게 해결 되네요.. 감사합니다.

    • BlogIcon 화현 2010/02/07 21:01 address edit & del

      도움이 됬다니 다행이네요 ^^

  3. everydays 2010/03/05 11:51 address edit & del reply

    LG 아르고폰(LG텔레콤) - Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; 800*600;POLARIS 6.0;em1.0;lgtelecom;EB10-200090218-707682823;LG-LH2300;0);

    iPod Touch - Mozilla/5.0 (iPod; U; CPU like Mac OS X; ko-kr) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3

    옴니아 Opera Mobile - SAMSUNG-SCH-M490/(null)HK4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5

    옴니아 IE Mobile - SAMSUNG-SCH-M490/(null)HK4 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11) 이렇다고 하네요,,, 그럼 agent.match(/iPhone/) 이부분만 추가해주면 되는건가요??

prev 1 next