ActiveX의 사용 유무와 관련하여 IE와 기타브라우저(크롬, 사파리, 파이어폭스...)를 구분하여 각각 다른 이벤트를 주는 경우가 종종 있을 것이다.
이때 Navigator객체를 이용하면 접속한 브라우저의 모든 정보를 알아낼 수 있다.
* 아래는 Navigator의 간단한 예제이다.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<script type="text/javascript">
var br = "<br />", hr = "<hr />";
document.write("브라우저 코드 : " + navigator.appCodeName + br + hr);
document.write("브라우저 이름 : " + navigator.appName + br + hr);
document.write("브라우저 버전 : " + navigator.appVersion + br + hr);
document.write("사용 언어 : " + navigator.language + br + hr);
document.write("시스템 코드 : " + navigator.platform + br + hr);
document.write("UserAgent : " + navigator.userAgent + br + hr);
document.write("<h2>브라우저에서 지원하는 마임타입들</h2>");
for(var i in navigator.mimeTypes) {
document.write(navigator.mimeTypes[i].type + br + hr);
document.write(navigator.mimeTypes[i].desciption + br + hr);
document.write("마임타입과 관련 된 plug in : ");
document.write(navigator.mimeTypes[i].enabledPlugin + br + hr);
document.write("파일 확장자(suffix) : ");
document.write(navigator.mimeTypes[i].suffixes + br + hr + br + br);
}
// 크로스 브라우징의 간단한 예..
var browser = navigator.appName;
if (browser == "Netscape") {
alert("익스플로러로 접속바랍니다.");
} else {
alert("Welcome~!");
}
</script>
<body>
<h2>브라우저 정보</h2>
</body>
</html>
'소프트웨어 > JavaScript' 카테고리의 다른 글
| Custom Scheme 만들기(모바일 웹 -> 앱 실행) (0) | 2013.08.07 |
|---|---|
| Jquery+Ajax으로 session 생성하기 (0) | 2013.08.07 |
| jquery 기본 (0) | 2013.08.07 |
| 오류 : jquery min .js파일 validator Eclipse (0) | 2013.07.15 |
| jqGrid 튜토리얼 (0) | 2013.06.17 |
