본문 바로가기

program life/javascript

[javascript]mobile detection(모바일 여부 확인)


document.write("browser : " + navigator.appName + "
"); if (navigator.appVersion.substring(0, 1) == "4") document.write("4th generation browser!
"); document.write("patform/os : " + navigator.platform + "
"); document.write("user agent data:" + navigator.appVersion + "
"); //document.write("user agent data:" + navigator.userAgent + "
"); if (navigator.cookieEnabled == true) { document.write("cookies enabled"); } else if (navigator.cookieEnabled == false) { document.write("no cookies."); } else { document.write("cookies? No Info available."); } if (navigator.javaEnabled()) { document.write("java enabled."); } else { document.write("java not available."); } if (navigator.language.indexOf("en") > -1) { document.write("language ins english"); }else if (navigator.language.indexOf("de") > -1) { document.write("language is german"); }

 

우선 기본적으로 알아두어야 할것들.

처음엔 navigator.platform 이녀석으로 가능하리라 생각 했지만 적절한 키워드가 아닌 것 같아 다른 방법을 찾아야만 했다.

 

navigator.userAgent 이걸 이용

 

window 2003의 경우

4.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
이러한 값을 반환.

 

android의 경우 blah~blah~ Android x.x blah~blah~

Key Point 저걸 이용하여 모바일 뷰어를 확인 해보려 함.

 

 

toLowerCase(); 이용 모두 소문자로 변경.

 

    var agent = navigator.userAgent.toLowerCase();
    if (agent.indexOf('iphone') != -1) { // iPhone Device
        document.write("iphone");

    } else if (agent.indexOf('android') != -1) { // Google phones running Android OS
        document.write("Android");
    }

우선은 됩니다.

 

더 좋은 방법을 찾게되면 다시 포스팅 하겠음.

 

www.coma.pe.kr 홈에 적용버전-

 

 

참고 자료

http://www.hand-interactive.com/resources/detect-mobile-javascript.htm

 

음하하 나만 이래 하는게 아니었음! ㅋㅋ

'program life > javascript' 카테고리의 다른 글

javascript url 가져오기 (get url)  (0) 2010.11.11
브라우저 버전 체크  (0) 2010.11.11
javascript 배열 만들기.  (0) 2010.11.09
티스토리 드디어 개설.!!!  (0) 2010.11.09