Web Source2014. 8. 21. 18:50

네이버에서는 검색이 어려운 블로그입니다. 구글검색을 이용해 주세요.



http://detectmobilebrowsers.com/


PHP

Mobile Detected Google code


스마트폰인지

태블릿인지

PC인지 체크한다.


데모에서 보면 알겠지만 많은 기기들의 체크가 가능하다


https://github.com/serbanghita/Mobile-Detect


데모 : http://demo.mobiledetect.net/


<?php

include "Mobile_Detect.php";

$detect = new Mobile_Detect;

$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');

$scriptVersion = $detect->getScriptVersion();


// phone : 스마트폰
// tablet : 태블릿
// computer : 컴퓨터

if($deviceType == "computer") {

    echo "컴퓨터로 접속하셨습니다.";

    echo "<embed type=application/x-mplayer2 src='mp3'>";

} else {

    echo "모바일로 접속하셨습니다.";

    echo "<audio src='mp3' controls></audio>";

}

?>



또 다른 코드

http://stackoverflow.com/questions/6636306/mobile-browser-detection


태블릿을 포함하지 않을 때

$isMobile = (bool)preg_match('#\b(ip(hone|od)|android\b.+\bmobile|opera m(ob|in)i|windows (phone|ce)'.

                    '|blackberry|s(ymbian|eries60|amsung)|p(alm|rofile|laystation portable)|nokia|fennec|htc[\-_]'.

                    '|midp|up\.browser|[1-4][0-9]{2}x[1-4][0-9]{2})\b#i', $_SERVER['HTTP_USER_AGENT'] );


태블릿을 포함하고 싶을 때

$isMobile = (bool)preg_match('#\b(ip(hone|od|ad)|android|opera m(ob|in)i|windows (phone|ce)|blackberry|tablet'.

                    '|s(ymbian|eries60|amsung)|p(laybook|alm|rofile|laystation portable)|nokia|fennec|htc[\-_]'.

                    '|m(idp|obile)|up\.browser|[1-4][0-9]{2}x[1-4][0-9]{2})\b#i', $_SERVER['HTTP_USER_AGENT'] );


if($isMobile) {

    echo "모바일로 접속하셨습니다.";

} else {

    echo "컴퓨터로 접속하셨습니다.";

}


===================================================================

위 PHP소스의 Javascript 변환


function isMobile() { return navigator.userAgent.match(/(ip(hone|od|ad)|android|opera m(ob|in)i|windows (phone|ce)|blackberry|tablet|s(ymbian|eries60|amsung)|p(laybook|alm|rofile|laystation portable)|nokia|fennec|htc[\-_]|m(idp|obile)|up\.browser|[1-4][0-9]{2}x[1-4][0-9]{2})/i); }


if(isMobile()) {

    document.write('모바일로 접속하셨습니다.');

}else{

    document.write('컴퓨터로 접속하셨습니다.');

}


===================================================================


Javascript

http://stackoverflow.com/questions/11381673/javascript-solution-to-detect-mobile-browser



if(typeof window.orientation !== 'undefined'){

   // Add skrollr mobile on mobile devices.

   document.write('<script type="text/javascript" src="dist/skrollr.mobile.min.js"><\/script>');

   alert("모바일로 접속하셨습니다.");

}


위의 또 다른 사용예


function isMobile () { return (typeof window.orientation !== 'undefined'); }


if(isMobile()) {

    alert('모바일로 접속하셨습니다.');

}else{

    alert('컴퓨터로 접속하셨습니다.');

}


또 다른 사용예


var isMobile=typeof window.orientation !== 'undefined';


if(isMobile) {

    alert('모바일로 접속하셨습니다.');

}else{

    alert('컴퓨터로 접속하셨습니다.');

}


====================================================================


Javascript 또 다른 방법

http://www.w3schools.com/jsref/prop_nav_platform.asp


if(navigator.platform.match(/win16|win32|win64|mac/i)) {

    alert('컴퓨터로 접속하셨습니다.');

}else{

    alert('모바일로 접속하셨습니다.');

}



위의 또 다른 사용예

아래 두 개의 함수 중 하나만 사용하면 된다.

/*

function isMobile () { 

    if(navigator.platform.match(/win16|win32|win64|mac/i)) { return false; } else { return true; }

}

*/


function isMobile () { return navigator.platform.match(/^(?!win16|win32|win64|mac).*$/i); }


if(isMobile()) {

    alert('모바일로 접속하셨습니다.');

}else{

    alert('컴퓨터로 접속하셨습니다.');

}



'Web Source' 카테고리의 다른 글

Div Zoom iFrame  (0) 2014.09.03
javascript yesterday  (0) 2014.09.03
javascript exist document.getElementById  (0) 2014.09.03
Browser Window Size and Position  (0) 2014.09.02
HTML5 Audio Volume Slider  (0) 2014.08.21
Posted by 영육치료