메뉴 건너뛰기

MH

내 사랑치 않고 끝내는 것 보다 사랑해서 잃어 버리는 편이 좋다.

It is better to have loved and lost than to have never loved at all.

조회 수 80 추천 수 0 댓글 0
Extra Form
원작자 misol
출처 https://www.xpressengine.com/tip/20901998
적용여부 적용
적용페이지 http://sj-farm.co.kr/
XE 적용시점 버전 : Rhymix 1.9.6

XE에는 기본으로 불러오는 클래스 들이 많습니다. 그 중에 모바일 클래스를 조금 써봅니다.

 

파일 위치는 ./classes/mobile/Mobile.class.php 입니다.

 

이 파일에는 사용자가 접속한 장치가 어떤 장치인지 HTTP 헤더의 User-Agent 값으로 구분하는 내용이 들어있습니다. 한번 판단을 하고 나면, 효율성을 위해 쿠키에 정보를 저장해두고 이용하게 됩니다.

 

Mobile::isFromMobilePhone() 라는 메소드가 정의되어 있습니다. 외부에서 사용하기 가장 좋은 메소드입니다. 모든 정보를 이용해서 장치가 모바일 장비인지 확인하고, 어떤 양식의 페이지가 보여야 할 것인지 정합니다.
쿠키가 저장되어 있다면, 쿠키를 우선으로 확인하고, 쿠키가 없는 경우에는 HTTP 헤더에서 문자열을 확인해 확인합니다.

 

~~ByAgent 라고 정의된 메소드들은 모두 HTTP 헤더를 직접 확인하는 것들입니다.

 

isMobilePadCheckByAgent() 라는 것이 최근에 추가되었는데, 아이패드, 안드로이드 타블렛 등의 기기를 구분하기 위한 메소드입니다.

 

모바일 기기이면서도 화면이 상대적으로 넓기 때문에, 취향에 따라 다른 화면을 선택할 수 있게 도울 필요가 있다 판단했습니다. 그래서 이들 기기로 접속하면, 모바일 화면으로 이동할 수 있는 링크도 뜨지만, 기본 화면은 PC 용 화면이 뜨게 됩니다.

 

모듈, 애드온, 또는 스킨 개발자도 이를 이용할 수 있습니다. 클래스 모든 메소드는, 구분하려고 하는 대상이 맞으면 TRUE, 아니면 FALSE 를 반환합니다. (논리값)

 

setMobile 이라는 함수로, 장치를 강제로 모바일이나 PC로 정의할 수 있습니다.

유용한 클래스라고 생각합니다 :)

 

템플릿 코드에 적용하시려는 분이 많은 것 같아서 추가합니다.

<span cond="Mobile::isMobileCheckByAgent()">모바일모드입니다.</span>

<span cond="!Mobile::isMobileCheckByAgent()">모바일모드가 아닙니다.</span>

이런 식으로 사용하시면 됩니다.

 

[보기 - 로고부분(반응형 스킨의 경우)]

PC화면에서는 이미지로

pc.jpg

스마트폰 화면에서는 텍스트로 출력

mobile.png

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '2'
    댓글이 하나도 없네요ㅠㅠ
    Tip이 도움이 되었다면 댓글과 평가 부탁합니다. Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?

List of Articles
번호 분류 제목 원작자 날짜 조회 수 적용여부
251 문하우스 호스팅 이전 하면서 /xe 떼고 SSL설치한 경험기 입니다. file 80san 2019.03.16 11 적용
250 문하우스 게시글보기 링크문구 바로가기 아이콘 출력 file 80san 2019.02.23 148 적용
249 문하우스 게시판 글쓰기시 Tag부분 출력 유무 설정방법 file 80san 2019.02.17 26 적용
248 문하우스 "드래그하여 페이지/문서 이동 애드온" 적용팁 5 file 80san 2019.02.14 74 적용
247 XE타운 XE 위젯을 반응형으로 적용하자 file 도토리묵 2018.12.31 54 변형
246 XE타운 댓글이 2줄 이상일 경우 접고 펴는 기능추가하기 file 이온디 2018.11.27 67 변형
245 문하우스 Sketchbook5 게시판 글작성시 상단에 빵조각메뉴 부분 삭제하기 file 80san 2018.11.02 89 적용
244 문하우스 Xedition 레이아웃 스킨에서 검색버턴 바꾸기 file 80san 2018.10.31 67 적용
243 문하우스 xedition레이아웃과 sketchbook5 게시판을 같이 사용시 미미한 문제점수정 file 80san 2018.10.27 73 적용
242 문하우스 구글 드라이브 자료링크를 XE게시판에 적용하는 방법 file 80san 2018.09.25 130 적용
241 XE타운 게시판 사용자정의 일자(연월일)에 시간 추가하는 방법 file sunup 2018.09.03 89 NO
» XE타운 PC, 모바일, Tab 접속장치 구분 코드 file misol 2018.08.03 80 적용
239 XE타운 마지막 문장 이후 오는 <p> </p> 를 모두 제거해서 보여주는 방법 prologos 2018.07.28 54 적용
238 문하우스 구글 웹사이트 번역기 웹페이지에 간단하게 달기 file 80san 2018.07.27 67 NO
237 문하우스 이미지 Hover시 Zoom기능 출력 file 80san 2018.07.25 72 적용
236 기타 XE 위젯에 임시 저장글이 뜰때 해결방법 file 잡다한 생각 2018.07.13 26 적용
235 문하우스 외부링크 파일을 로그인회원만 확장변수활용 다운받게 하는 방법 file plruto 2018.02.17 202 적용
234 문하우스 Ckeditor에 스킨 설치하는 방법 file 80san 2018.02.13 269 NO
233 문하우스 Ckeditor에 플러그인 설치하는 방법 1 file 80san 2018.02.11 391 적용
232 문하우스 댓글유도문구에 에니메이션 효과 적용 80san 2018.01.31 158 적용
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...