모바일과 PC화면에서 다른 내용을 보여주려고 합니다.

모바일과 PC화면에서 다른 내용을 보여주려고 합니다. 정보

모바일과 PC화면에서 다른 내용을 보여주려고 합니다.

본문

단순히 페이지 이동이 아니라

---------------------------------
if 모바일
<div id="mobile">
<a style="color:#333; font-weight:bold" href="#">모바일</a>
</div>

else
<div id="pc">
<a style="color:#777; font-weight:900" href="#">피씨</a>
</div>
---------------------------------

이렇게 하고 싶습니다.
아무리 찾아봐도 모바일 에이전트 구분후에 모바일 주소로 이동하는 소스만 있더군요.
php나 자바에 대해 잘 몰라서 거의 복사 붙여넣기 수준으로 쓰는데..
몇 시간을 찾아봐도 제가 원하는 소스는 없네요.

그누보드에서 위 소스 구현 가능한가요?
예제좀 부탁드립니다 ..

복사
공유하기

댓글 전체

닥터 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

13.06.10 23:48:57

반응형 웹이 적합한것같네요
http://thdwngusl.blog.me/187357674

쫑긋 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

13.06.11 04:18:46

윗분의 반응형 웹에 한표.

단순히 if ( pc 일때 ) { 처리 } elseif ( 모바일 일때 ) { 처리 }
이렇게 하게되면 현재처럼 다양한 사이즈의 브라우져를 모두 만족시키기 어렵습니다.

그리고 말씀하신거처럼 모바일로 이동하나 if 문으로 처리하나 손가는건 똑같구요.

미디어쿼리로 검색하시면 많은 정보를 얻을수 있을꺼에요.

cshop2 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

13.06.11 04:39:37

원하시는 것은 php 에서 UA 를 identify 해서 if else 문으로 모바일이냐 데스크탑이냐에 따라 각각 다른 resource 를 로딩해주는 방식인데, 예제는

http://hackya.com/tutorial/downloads/repository/bible-master.zip

이거 다운받아 보시면 됩니다. RESS 를 복잡하게 안짜고 누구나 쉽게 따라해 볼수 있도록 최대한 간략하게 짠겁니다.

이렇게 만든겁니다.

http://hackya.com/bible/demo/

모바일 resolution, 그러니까 320/480px 이상에서는 client-side responsive (미디어쿼리 적용)

그리고, 모바일 resolution 에서는 server-side UA identification (님이 원하시는 방식)

이렇게 복합적으로 반응형 웹사이트 짜는걸 RESS 라고 합니다.

http://www.slideshare.net/4nd3rsen/ress-responsive-web-design-serverside-components

처음에는 조금 혼동스럽기도 한데, 몇번해보시면 쉬워집니다.

cshop2 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

13.06.11 04:43:40

그리고 미디어쿼리를 쓰지 않고도 반응형 웹을 만들수 있는가? 물론 입니다. 옛날에는 (그러니까 한 2년전쯤에는 ㅎㅎㅎ) 미디어쿼리를 쓰지 않고 반응형 웹사이트 만들고 그랬습니다. 그리고 모바일 resolution 만 별로도 짜고 하는 방식이었었죠.

제가 2년전에 반응형으로 만들었던 자료.

http://hackya.com/cherry2/

다운로드: http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=145804#c_145834