내가 사용하고 있는 단말기의 기종을 출력하는 소스입니다.
다음 HTML 코드를 작성합니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>단말기종 확인</title>
</head>
<script>
//User Agent에 str이 포함되어 있는지 확인한다
function _ua(str){
var ua = navigator.userAgent;
return(ua.indexOf(str) > 0);
}
//iPhone일 경우 true 반환
function isIPhone(){
return _ua("iPhone");
}
//iPad일 경우 true 반환
function isIPhone(){
return _ua("iPad");
}
//Android 일 경우 true 반환
function isAndroid(){
return _ua("Android");
}
//단말기 이름을 반환
function getDeviceName(){
if(isIPhone()){return "iPhone"}
if(isIPad()){return "iPad"}
if(isAndroid()){
return getDeviceName()
}
return "unknown"
}
// Android의 단말 이름을 반환
function getDeviceName(){
var ua = navigator.userAgent;
var regex = /Android(.*);.*;\s*(.*)\sBuild/;
var match = regex.exec(ua);
if(match){
var ver = match[1];
var dev_name = match[2];
return "Android" + ver + "" + dev_name;
}
return "unknown"
}
//단말 이름을 표시
alert(getDeviceName() + "입니다.");
document.write(navigator.userAgent);
</script>
<body>
</body>
</html>
테스트 경로는 다음과 같습니다.
아이폰이나 아이패드나 안드로이드폰에서 테스트 가능합니다.
'WEB_TECH > HTML5' 카테고리의 다른 글
| canvas animation 예제입니다. (0) | 2013.05.24 |
|---|---|
| HTML5 사운드 플레이어 만들기1 (0) | 2013.05.23 |
| Geolocation API (0) | 2012.10.25 |
| Google Maps Javascript API V3 (0) | 2012.10.25 |
| 새로운 HTML5 Javascript API (0) | 2012.10.22 |
| <canvas>에 4가지 간단 그리기 예제 (0) | 2012.10.22 |
| <canvas>란 무엇일까? (0) | 2012.10.22 |
| HTML5에서 새로 사용된 엘리먼드들 (0) | 2012.10.22 |
| html5에서 사운드 사용하기 (0) | 2012.08.09 |
