[Javascript] 브라우저 정보 추출

티스토리 뷰

WEB/자바스크립트

[Javascript] 브라우저 정보 추출

춘햄 2021. 5. 14. 15:00

스크립트 내부의 브라우저 객체가 존재하기 때문에 navigator 메서드를 사용하여 현재 브라우저의 정보를 얻을 수 있다.

코드는 다음과 같이 작성했다.

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="utf-8" />
	<title>browser 객체</title>   
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="css/browser.css">  
</head>
<body>
	<script>
		document.write("브라우저 코드명: " + navigator.appCodeName + "<br/>");
		document.write("브라우저 종류: " + navigator.appName + "<br/>");
		document.write("브라우저 버전: " + navigator.appVersion + "<br/>");
		document.write("브라우저 플랫폼: " + navigator.platform+ "<br/>");
		document.write("브라우저 에이전트: " + navigator.userAgent + "<br/>");
	</script>
</body>
</html>

결과는 보시다시피 각 브라우저마다 다른 값을 가지고 있다는 것을 확인할 수 있다. 이를 확인하여 적용할 css를 골라 적용시킬 수 있다.

'WEB > 자바스크립트' 카테고리의 다른 글

[Javascript] 문서의 정보 표시 (0)	2021.05.14
[Javascript] 함수의 반복 실행 <setInterval> (0)	2021.05.14
[Javascript] checkbox & Event 예제 <토핑> (0)	2021.05.14
[Javascript] input 태그 value 제어 (0)	2021.05.14
[Javascript] form 내부 태그 제어 (0)	2021.05.14