본문 바로가기

세상사는 이야기/이야기들

블로그나 홈페이지에 'iPhone'용 전환하는 스크립트 붙이기...


물론.. iPhone용 표준을 지키는 홈페이지를 만드는 것은 당연하겠지만...
~.~
Tistory와 같은 경우에는

자신의 URL의 뒤에다 '/m'을 붙이면 자연스럽게...
티스토리가 지원하는 모바일용 블로그로 보여지게 됩니다.


제 블로그를 아이폰으로 보면 이렇게 되죠.
URL은...

http://zetlos.tistory.com/m 으로 보면 됩니다.

음...
뭐...

티스토리가 자연스럽게 지원해주면 되는데..
현재로써는 자동으로 지원되지는 않고...
약간의 스크립트 수정작업을 넣어주어야 합니다.

<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> </head>의 가장 앞부분에 위치해넣어두면....

navigator의 속성을 판독해서... 'iPhone'이라면...
'/m'으로 URL을 이동하게 해줍니다.

~.~

그러면...

'http://zetlos.tistory.com' 이라고 iPhone에서 Safari로 호출하면...
위의 화면처럼...

자연스럽게 iPhone용 모바일 웹처럼 보이게 되죠.

~.~