티스토리 뷰

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

반응형

'Javascript' 카테고리의 다른 글

Javascript와 JQuery에서 엔터키 값 체크하기  (0) 2023.06.28
Javascript와 JQuery로 체크박스 전체선택해제 하기  (0) 2023.06.20
Javascript와 JQuery로 체크박스 선택된 값 가져오기  (0) 2023.06.14
Javascript에서 윈도우 이모지(Windows Emoji) 체크하는 방법  (0) 2023.06.09
Javascript로 iframe에서 부모창 함수 제어하기  (0) 2022.06.16
Javascript 와 JQuery에서 iframe 내부 함수 접근 방법  (0) 2022.06.14
Javascript 와 JQuery 에서 focus()로 포커스 이동하기  (0) 2022.05.24
공유하기 링크
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함