board > 안드로이드 > 모바일 웹 개발



기리 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 을 가져와서 가는방법으로 수정되었습니다. * 현재 제 블로그에서 [페이지 소스보기] 로 보셔도 해당 소스를 보실 수 있습니다. 작업 후 스마트폰에서 자신의 블로그로 접근하면 이렇게 모바일용 페이지로 이동합니다 :-)