네이버에서는 검색이 어려운 블로그입니다. 구글검색을 이용해 주세요.
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();
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 |