[JS] Object | 02. Navigator 객체

2024. 2. 13. 11:51·Language/JavaScript

Navigator는 브라우저의 정보를 불러올 수 있는 객체입니다.

브라우저는 그 종류와 버전에 따라 지원하는 속성 또는 메소드들이 다르기 때문에,

어떤 브라우저 조건에서도 웹이 동작하도록 하려면 브라우저의 조건별로 다른 코드를 짜야 합니다.

이를 위해서 먼저 Navigator를 통해 대상 브라우저의 정보를 읽어올 수 있습니다.

 

속성 반환값
appCodeName 특정 코드 문자열
appName 브라우저 이름
appVersion 브라우저 버전
cookieEnabled 쿠키 사용 여부
mimeTypes MIME(Multipart Internet Mail Extension) 타입 리스트
platform 브라우저가 컴파일된 OS 플랫폼
plugins 클라이언트에 설치된 플러그인 리스트
userAgent 클라이언트에게 보내지는 HTTP의 헤더값
e.g.) Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

 

다음과 같이 userAgent를 출력하는 코드를 실행시키면 브라우저에 그 정보를 출력하게 됩니다.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>practice4_inheritance</title>
    </head>
    <body>
        <script type = "text/javascript">
            document.write(navigator.userAgent);
        </script>
    </body>
</html>

728x90

'Language > JavaScript' 카테고리의 다른 글

[JS] Object | 04. Cookie  (0) 2024.02.13
[JS] Object | 03. Location & History  (0) 2024.02.13
[JS] Object | 01. Window 객체  (0) 2024.02.12
[JS] Syntax | 04. 함수와 클래스  (0) 2024.02.09
[JS] Syntax | 03. 기타 도움 될 만한 함수 & 연산자들  (0) 2024.02.09
'Language/JavaScript' 카테고리의 다른 글
  • [JS] Object | 04. Cookie
  • [JS] Object | 03. Location & History
  • [JS] Object | 01. Window 객체
  • [JS] Syntax | 04. 함수와 클래스
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (276)
      • CS (40)
        • CV (2)
        • PS (34)
      • Reveiw (18)
        • Paper (18)
        • Github (0)
      • ML (8)
        • Pytorch (5)
      • Language (59)
        • Python (8)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (12)
      • Git (13)
      • Frontend (77)
        • React (8)
        • ReactNative (6)
        • SolidJS (20)
        • CSS (12)
      • Backend (44)
        • DB (18)
        • Node.js (11)
      • UI (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    deploy
    CV
    review
    PRISMA
    ps
    mongo
    Git
    SOLID
    backend
    js
    GAN
    PyTorch
    frontend
    Express
    expo
    postgresql
    API
    python
    Three
    DB
    nodejs
    ReactNative
    vscode
    CSS
    figma
    ts
    CS
    ML
    modal
    react
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
Rayi
[JS] Object | 02. Navigator 객체
상단으로

티스토리툴바