Javascript

Javascript로 모바일 체크 하는 법(navigator.userAgent)

travelpark 2023. 6. 10. 13:13
반응형

웹은 어느 기기에서나 인터넷이 연결되면 브라우저를 통해 접근할 수 있습니다. 그렇기 때문에 많은 웹퍼블리셔 들이 기기별 최적화를 위해 많이 노력하고 있는데요. 모바일 기기만 체크해도 많은 수고로움을 줄일 수 있습니다.

 

다음은 Javascirpt에서 모바일 장치를 체크할 수 있는 샘플 소스입니다.

<!DOCTYPE html>
<html>
<head>
  <title>모바일 체크</title>
</head>
<body>
  <h1>모바일 체크 테스트</h1>
  <script>
    function isMobile() {
      var userAgent = navigator.userAgent;
      var mobile = /(iPhone|iPad|Android|BlackBerry|Windows Phone)/i.test(userAgent);
      return mobile;
    }

    if (isMobile()) {
    	document.write("현재 장치는 모바일입니다.");
    } else {
    	document.write("현재 장치는 모바일이 아닙니다.");
    }
  </script>
</body>
</html>

위 샘플 소스 중 navigator.userAgent는 웹 브라우저에서 현재 사용 중인 사용자 에이전트(User Agent) 문자열을 반환하는 JavaScript의 속성입니다. 사용자 에이전트는 브라우저나 장치 등의 클라이언트 소프트웨어가 서버에 요청할 때 전달하는 정보를 말합니다.

navigator.userAgent는 일반적으로 브라우저 식별 및 버전 확인, 특정 기능의 지원 여부 등과 같은 브라우저 관련 정보를 얻기 위해 사용됩니다. 이 속성은 표준화된 형식이 없고 각 브라우저마다 조금씩 다른 문자열을 반환하기 때문에 그 브라우저의 특성을 파악할 수 있는 용도로 사용할 수도 있습니다.

반응형