아이폰/터치에서 티스토리 접속시 모바일 화면으로 자동 전환하기~

log

by Dapy 2010. 2. 9. 11:16

티스토리는 모바일 전용 웹페이지를 지원하고 있다 그로인해 핸드폰으로 접속시 최적의 화면으로 블로그의 글을 보는게 가능하다 다만 아쉬운 점은 블로그에 접속을 하면 자동으로 모바일 페이지 전환이 되지 않고 모바일용 웹 주소를 직접 입력해야 한다

요즘 트위터를 활용하는 분들이 많은데 트위터의 경우 링크를 많이 쓰게 된다 이런 링크를 통해 블로그에 접속을 하게 되면 일반 페이지로 접속이 되니 모바일 페이지는 있으나 마나 한 셈이다 다음(daum)측에서 모바일 기기에 따른 모바일 페이지 자동 전환 기능을 구현해 주어야 하는데 참 아쉬운 부분이다

이번 포스트의 내용은 바로 모바일 기기에서 블로그 접속시 자동으로 모바일 페이지로 전환하는 방법이다 이 방법은 블로그 스킨에 코드를 삽입해 강제로 모바일 페이지로 전환하는 방법으로 Firen's Diary 라는 블로그를 운영하는 화현님이 직접 만든 코드이다

코드는 아래와 같다 (우클릭 방지가 되어 있어요 아래 첨부파일에 코드 담겨있으니 그걸 이용하세요)

모바일자동전환코드.txt

var agent = navigator.userAgent;

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

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

}

</script>

이 코드를 블로그 스킨의 첫부분인 <head> 바로 아래에 삽입하면 된다 다만 이 코드를 쓰게되면 강제로 모바일 화면으로 전환하는 것이기에 일반 화면으로의 접속은 불가능하다 현재는 아이폰과 아이팟터치에서만 가능하다

현재 티스토리의 모바일 화면은 아이폰/터치를 비롯해 엑스페리아, T옴니아 등 여러 모바일 웹브라우저를 지원하고 있다 그렇기에 브라우저의 User-Agent 만 알면 위 코드에 추가해 여타의 모바일 브라우저에서도 기능 구현이 가능하다고 한다 화현님 블로그에 User-Agent 확인 방법이 있으니 이를 통해 확인후 댓글을 남기면 코드 업데이트를 한다고 한다 자신이 이용하는 모바일 브라우저도 추가하고 싶다면 댓글을 남기기 바란다

다음측에서 하루빨리 모바일 기기에 따른 자동 전환 기능을 구현해 주기를,,,