HTML navigator appCodeName 속성 – 브라우저 코드명 확인 방법

HTML의 navigator.appCodeName 속성은 현재 사용 중인 브라우저의 내부 코드명(code name)을 문자열로 반환하는 JavaScript 속성입니다. 이 속성은 Navigator 객체에 속하며, 별도의 매개변수 없이 간단히 호출할 수 있습니다.

문법(Syntax)

사용 방법은 다음과 같습니다.

navigator.appCodeName

참고 사항

역사적인 호환성 유지를 위해 대부분의 최신 브라우저(Chrome, Firefox, Edge, Safari 등)는 실제 브라우저와 관계없이 항상 "Mozilla"라는 값을 반환합니다. 따라서 이 속성은 브라우저 종류를 정확히 판별하는 용도로는 부적합하며, 참고용 정보로 활용하는 것이 좋습니다.

예제(Example)

버튼을 클릭하면 브라우저의 코드명을 화면에 표시하는 예제입니다.

<!DOCTYPE html>
<html>
<style>
    body {
        color: #000;
        height: 100vh;
        background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
        text-align: center;
    }
    .btn {
        background: #db133a;
        border: none;
        height: 2rem;
        border-radius: 20px;
        width: 330px;
        display: block;
        color: #fff;
        outline: none;
        cursor: pointer;
        margin: 1rem auto;
    }
    .show {
        font-size: 1.5rem;
        color: #fff;
    }
</style>
<body>
<h1>HTML navigator appCodeName 속성 데모</h1>
<button class="btn" onclick="display()">브라우저 코드명 보기</button>
<div class="show"></div>
<script>
    function display() {
        document.querySelector(".show").innerHTML = "브라우저 코드명: " + navigator.appCodeName;
    }
</script>
</body>
</html>

실행 결과(Output)

위 코드를 실행하면 다음과 같은 화면이 나타납니다.

HTML navigator appCodeName 속성 – 브라우저 코드명 확인 방법

화면 중앙의 "브라우저 코드명 보기" 버튼을 클릭하면, 현재 브라우저의 코드명이 아래 영역에 표시됩니다.

HTML navigator appCodeName 속성 – 브라우저 코드명 확인 방법

정리

navigator.appCodeName 속성은 브라우저의 코드명을 반환하지만, 모든 주요 브라우저에서 "Mozilla"로 통일되어 있어 실질적인 브라우저 감지에는 한계가 있습니다. 브라우저 호환성 처리가 필요하다면 userAgent 분석이나 기능 감지(feature detection) 방식을 함께 고려하는 것이 좋습니다.