웹마스터 팁
홈페이지에 접속한 장치의 너비 구하기
2014.05.28 07:36
웹사이트를 작업하다보면 작업중인 사이트에 접속한 디바이스의 너비를 구해야 할 때가 간혹 있습니다.
아래 소스를 확인하시면 접속한 장치의 너비를 알 수 있습니다.
// 스크립트
<script language="Javascript">
var width=screen.width;
</script>
//php 변수
{@ $width="<script>document.write (width);</script>"; }
{$width}
추가로 모바일접속을 구분하시려면 아래 구문을 사용하시면 됩니다.
<block cond="preg_match('/iPod|iPad|iPhone|Android|BlackBerry|SymbianOS|Bada|Kindle|Wii|SCH-|SPH-|CANU-|Windows Phone|Windows CE|POLARIS|Palm|Dorothy Browser|Mobile|Opera Mobi|Opera Mini|Minimo|AvantGo|NetFront|Nokia|LGPlayer|SonyEricsson|HTC/',getenv('HTTP_USER_AGENT'))">
/*-- 모바일 접속일 경우 --*/
</block>
XE마켓 인기레이아웃의 제작팀이며
XE 전문몰 XELAYOUT.COM을 운영중에 있습니다.
그린아트컴퓨터,서강대학교, 고려대학교, 광운대 등 믿을만한 포트폴리오를 보유하고 있으며
리듬,팬시오,쇼타임, Cielo v2, tiva 등 많은 레이아웃 제작 경험은 가지고 있습니다.
touchxe@gmail.com / 070-7526-3679 / 카톡 : cosignstudio
4명의 팀원이 XE초창기부터 레이아웃 및 모듈작업을 지속적으로 진행해오고 있습니다.
XE분야에서 믿을 수 있고 만족도 높은 결과물을 지속적으로 런칭하고 있습니다.
향후 안정적인 파트너쉽을 원하시는 경우에도 연락주시기 바랍니다.
댓글 3
-
misol
2014.05.28 09:56
-
misol
2014.05.28 09:59
원 글의 마지막 예시는 이렇게 줄일 수 있습니다.
<block cond="Mobile::isMobileCheckByAgent()">
모바일 블라블라
</block> -
php 소스를 가져서 사용했는데 덕분에 더 좋은 xe함수가 있는걸 알게되었네요.
감사합니다 미솔님.
PHP 의 경우.
./xe/classes/mobile/Mobile.class.php
안에
isFromMobilePhone() 을 쓰시면 됩니다.
아래 정규식 대신에
isMobileCheckByAgent() 를 쓰시면 됩니다.
예시
Mobile::isFromMobilePhone()
반환은 TRUE(참) 또는 FALSE(거짓) 입니다.