Js코드로 User-Agent 알아보기

2020-01-03

⏱ 3 min.

갑자기 접속한 브라우저와 운영체제 등 정보가 담긴 user-agent를 확인이 필요해서 코드를 찾아봤다.

Javascript의 navigator 객체를 이용하여 user-agent를 출력할 수 있다.

Navigator에 대해서는 생활코딩에서 더 알아볼 수 있으며, navigator 객체의 여러가지 프로퍼티에 대해서 설명한 포스트도 있다.

출처 : 꿀벌개발일지 - User Agent 파헤치기 (navigator.userAgent)

코드는 다음과 같다.

<!DOCTYPE html>
<html>
<head>
	<title>Check UserAgent</title>
</head>
<body>
UserAgent <button onclick="myFunction()">확인</button>
<p id="your-userAgent"></p>

<script>
function myFunction() {
  var userAgent = "User-agent header sent: " + navigator.userAgent;
  document.getElementById("your-userAgent").innerHTML = userAgent;
}
</script>
</body>
</html>

실제로 동작하는걸 확인해볼 수 있다.

See the Pen check your user-agent by DevAndy (@youngjinmo) on CodePen.

DevJavaScript