자바스크립 예제(3)

  

사용자의 브라우저 알아내기

 

 

이번에는 사용자들이 사용하는 브라우저를 알 수 있는 방법을 배워봅시다. 브라우저의 속성들을 알기 위해 navigator 객체를 사용하며 그 속성들은 다음과 같습니다.

 

appCodeName : 브라우저의 코드네임

appName : 브라우저 이름

AppVersion : 브라우저의 버전 정보

userAgent : user-agent의 헤더 정보

 

이를 이용하면 간단하게 어떤 브라우저를 쓰는지 버전은 몇인지 등을 쉽게 알 수 있습니다.

넷스케이프 사용자인지를 알 수 있는 간단한 스크립트를 소개하면 다음과 같습니다.

 

<HTML>

<HEAD>

<SCRIPT LANGUAGE = "JAVASCRIPT">

 

function is_netscape() {

var name=navigator.appName;

if(name =="Netscape") {

alert("Oh! You use Netscape. Thanks");

}

else {

alert("I am sorry, You do not use Netscape");

}

}

 

</SCRIPT>

</HEAD>

<body onLoad="is_netscape()">

</body></html>

 

또, 위에서 설명한 navigator 객체에 대한 각각의 속성을 알고 싶으면 다음과 같은 스크립트를 만들면 됩니다.

 

<HTML>

<HEAD>

<SCRIPT LANGUAGE = "JAVASCRIPT">

 

function check_browser() {

var name=navigator.appName;

document.write("Name = "+name+"<br>");

 

var vers=navigator.appVersion;

document.write("Version = "+vers+"<br>");

 

var user=navigator.userAgent;

document.write("UserAgent = "+user+"<br>");

 

var code=navigator.appCodeName;

document.write("CodeName = "+code);

}

 

</SCRIPT>

</HEAD>

<body>

<script>

check_browser()

</script>

</body></html>

 

이처럼 navigator 객체를 잘 이용한다면 사용자의 브라우저에 맞는 페이지를 제공할 수 있을 것입니다.

예를 들어 사용자의 브라우저가 넷스케이프라면 넷스케이프용 페이지를 보여주고 익스플로러라면 또 그에 맞는 페이지를 보여줄 수 있으므로 각 브라우저에서 사용되는 특별한 방법이 다른 브라우저에서 깨져 보이는 것을 막을 수 있을 것입니다.