728x90
반응형
웹플밍을 할 때 navigator.userAgent를 사용하면, 사용자의 웹브라우저를 정보를 알아내어, 사용자에게 보여주는 화면이나 동작방식을 플랫폼 별로 다르게 지원해줄 수 있습니다.
티스토리를 PC로 할 때와 스마트 폰으로 할 때 같은 내용인데 기기에 따라 UI가 약간 다른것도 이런식으로 처리하지 않았을까? 라고 생각해요. ㅋㅋ
우쨌든. navigator.userAgent의 사용 방법은 아래 예시와 같습니다.
------------------------------------------------------------------------
< html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
< title>javascript UserAgent EX</title>
< script type="text/javascript">
function getUserAgent() {
userAgent = new String(navigator.userAgent);
var versionStr = "none";
if(userAgent.search("Mozilla/4.0") > -1) {
versionStr = "Mozilla/4.0";
alert(versionStr);
} else {
versionStr = "What is yout UA?";
alert(versionStr);
}
}
< /script>
< /head>
< body onload="getUserAgent();">
Hi! Your Web Browser Information:
< /body>
< /html>
------------------------------------------------------------------------
string함수 중에 search를 사용하였는데, 저거말고도 사용할 수 있는 함수는 더 있습니다.
indexOf(), subString()... 등..아래 주소에서 확인 하실 수 있어요. :)
http://www.w3schools.com/jsref/jsref_obj_string.asp
추가로 웹 프로그래밍 할 때 유용한 reference들을 모아놓은 w3schools.com과
본인이 사용하고 있는 브라우저의 UA정보를 자세히 분석해주는 UserAgentString 주소 적어둡니다.
* w3schools.com: http://www.w3schools.com/
* UserAgentSting: http://useragentstring.com/index.php
* 자료 출처 및 참고
http://blog.outsider.ne.kr/449
티스토리를 PC로 할 때와 스마트 폰으로 할 때 같은 내용인데 기기에 따라 UI가 약간 다른것도 이런식으로 처리하지 않았을까? 라고 생각해요. ㅋㅋ
우쨌든. navigator.userAgent의 사용 방법은 아래 예시와 같습니다.
------------------------------------------------------------------------
< html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
< title>javascript UserAgent EX</title>
< script type="text/javascript">
function getUserAgent() {
userAgent = new String(navigator.userAgent);
var versionStr = "none";
if(userAgent.search("Mozilla/4.0") > -1) {
versionStr = "Mozilla/4.0";
alert(versionStr);
} else {
versionStr = "What is yout UA?";
alert(versionStr);
}
}
< /script>
< /head>
< body onload="getUserAgent();">
Hi! Your Web Browser Information:
< /body>
< /html>
------------------------------------------------------------------------
string함수 중에 search를 사용하였는데, 저거말고도 사용할 수 있는 함수는 더 있습니다.
indexOf(), subString()... 등..아래 주소에서 확인 하실 수 있어요. :)
http://www.w3schools.com/jsref/jsref_obj_string.asp
추가로 웹 프로그래밍 할 때 유용한 reference들을 모아놓은 w3schools.com과
본인이 사용하고 있는 브라우저의 UA정보를 자세히 분석해주는 UserAgentString 주소 적어둡니다.
* w3schools.com: http://www.w3schools.com/
* UserAgentSting: http://useragentstring.com/index.php
* 자료 출처 및 참고
http://blog.outsider.ne.kr/449
728x90
반응형
'모바일웹 > 모바일웹 개발 관련' 카테고리의 다른 글
IE 7~11 navigator.userAgent (0) | 2015.03.25 |
---|---|
navigator.userAgent로 64비트 IE 알기 (Detecting 64-bit Internet Explorer) (0) | 2015.03.25 |
브라우저 구분 navigator.appName, navigator.userAgent (0) | 2015.03.25 |
navigator.userAgent (0) | 2015.03.25 |
navigator.userAgent 를 이용한 모바일 접속확인 (0) | 2015.03.25 |
접속 기기/브라우저 정보 추출(navigator.userAgent) (0) | 2015.03.25 |
Day_46 (Request, Response) (0) | 2015.03.25 |
User-Agent - 브라우져 알아내기 (0) | 2015.03.25 |