Gooday
Note
Scrap
Source
Android
login
작성일 : 11-04-26 17:18
모바일 웹 개발
글쓴이 :
기리
조회 : 4,402
추천 : 0
비추천 : 0
http://www.slideshare.net/okyawa/ss-7493437
[2604]
모바일 웹페이지 제작 시 시 참고 자료
기리
11-04-26 17:21
http://lomohome.com/309
자바스크립트 몇줄만 스킨에 넣어주면 모바일용 페이지로 이동하게 만들 수 있습니다.
이 방법은 저처럼 lomohome.com 이나
www.lomohome.com
등의 도메인을 티스토리에 연결하신 분께 해당됩니다.
관리자모드 - 스킨 - HTML/CSS 편집에서
HTML 의 <head></head> 태그 사이안에 다음의 자바스크립트를 넣으면
블로그 접근시 유저에이전트를 검사하여 스마트폰이면
모바일 사이트로 이동을 하게 합니다 :-)
<script language="JavaScript">
//모바일 페이지로 이동.
//
http://en.wikipedia.org/wiki/List_of_user_agents_for_mobile_phones
var uAgent = navigator.userAgent.toLowerCase();
var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce',
'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile');
for(var i=0;i<mobilePhones.length;i++)
if(uAgent.indexOf(mobilePhones[i]) != -1)
document.location = "http://"+ location.host +"/m" + location.pathname;
</script>
url 을 가져와서 가는방법으로 수정되었습니다.
* 현재 제 블로그에서 [페이지 소스보기] 로 보셔도 해당 소스를 보실 수 있습니다.
작업 후 스마트폰에서 자신의 블로그로 접근하면
이렇게 모바일용 페이지로 이동합니다 :-)
http://lomohome.com/309 자바스크립트 몇줄만 스킨에 넣어주면 모바일용 페이지로 이동하게 만들 수 있습니다. 이 방법은 저처럼 lomohome.com 이나 www.lomohome.com 등의 도메인을 티스토리에 연결하신 분께 해당됩니다. 관리자모드 - 스킨 - HTML/CSS 편집에서 HTML 의 <head></head> 태그 사이안에 다음의 자바스크립트를 넣으면 블로그 접근시 유저에이전트를 검사하여 스마트폰이면 모바일 사이트로 이동을 하게 합니다 :-) <script language="JavaScript"> //모바일 페이지로 이동. //http://en.wikipedia.org/wiki/List_of_user_agents_for_mobile_phones var uAgent = navigator.userAgent.toLowerCase(); var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce', 'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile'); for(var i=0;i<mobilePhones.length;i++) if(uAgent.indexOf(mobilePhones[i]) != -1) document.location = "http://"+ location.host +"/m" + location.pathname; </script> url 을 가져와서 가는방법으로 수정되었습니다. * 현재 제 블로그에서 [페이지 소스보기] 로 보셔도 해당 소스를 보실 수 있습니다. 작업 후 스마트폰에서 자신의 블로그로 접근하면 이렇게 모바일용 페이지로 이동합니다 :-)