'브라우저'에 해당되는 글 1건

  1. 2010.01.01 티스토리에서 자동으로 모바일 페이지로 이동하기 (10)

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

이제 티스토리에서 자동으로 모바일페이지로 넘어게 수정되어 필요 없어졌네요
혹시 참고하고 싶으신 분들을 위해 내용을 회색으로 처리해서 남겨뒀습니다.

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

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

<script type="text/javascript">

if (navigator.userAgent.match(/iPad/) == null && navigator.userAgent.match(/Mobile|Windows CE|Windows Phone|Opera Mini|POLARIS/) != null)

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

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

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

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

PS1] 아이팟 터치 추가했습니다.
PS2]
everydays님 도움으로 여러 핸드폰을 추가했습니다.
PS3] 아이폰용 오페라 미니 추가했습니다.
PS4] 아이패드로 접속 시 일반페이지로 보여지게 했습니다.
PS5] 코드를 대폭 간소화 했습니다.
PS6] Windows Phone을 추가했습니다.

저작자 표시 비영리 변경 금지
신고
Trackback 6 Comment 10
  1. Favicon of http://rukxer.net BlogIcon RUKXER 2010.01.01 01:51 신고 address edit & del reply

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

    • Favicon of http://blog.myhyuny.com BlogIcon 화현 2010.01.01 02:24 신고 address edit & del

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

  2. Favicon of http://eslife.tistory.com BlogIcon eslife 2010.02.03 21:34 신고 address edit & del reply

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

    • Favicon of http://blog.myhyuny.com 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/) 이부분만 추가해주면 되는건가요??

    • Favicon of http://blog.myhyuny.com BlogIcon 화현 2010.03.14 00:24 신고 address edit & del

      아무래도 속성을 추가하기 힘들어서 약간 수정했어요^^
      이제 배열에 값을 추가해 주기만 하면 되요 ^O^

  4. Favicon of http://rainism.tistory.com BlogIcon rainism 2010.04.29 11:27 신고 address edit & del reply

    모토로이의 Chrome 입니다.
    Mozilla/5.0 (Linux; Ul; Android 2.1-update1; ko-kr;XT720 Build/STSKT_N_79.11.36R) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

    • Favicon of http://blog.myhyuny.com BlogIcon 화현 2010.04.29 21:12 신고 address edit & del

      앗, 감사합니다 ^^
      그리고 코드를 보니 중간에 Mobile이 있어서 굳이 수정하지 않아도 될꺼 같네요 ^^

  5. Favicon of http://www.ddoung2.com BlogIcon 건방진연이 2010.06.08 14:55 신고 address edit & del reply

    좋은정보감사합니다.
    어제 텍스트큐브에 들어가니 자동전화이 되더라고요. 그래서 오늘 티스토리 변환을 찾고 있었는데 ^^ 감사합니다.

  6. Favicon of http://bonik.me BlogIcon BoniK 2012.02.17 22:20 신고 address edit & del reply

    혹시 모바일페이지를 사용하지 않는 방법이 있을까요?
    2차 도메인사용중인데 자꾸 모바일로 넘어가서 주소가 엉망이 되네요. 전에는 /m을 붙여야만 넘어갔는데 자동으로 넘어가서 오히려 불편해요.
    모바일 기능은 안쓰고 모바일용css를 추가해서 버튼을 눌러 왔다갔다 하도록 하려고 하는데 우선 모바일 기능을 끄고싶어요~ 혹시 아시면 도움 부탁드립니다.