브라우저 언어 감지기
브라우저 언어 감지기는 사용자의 브라우저 언어를 확인해 웹사이트 언어를 최적화합니다. 이를 통해 다양한 언어 지원 웹사이트를 만들고 사용자 경험을 개선할 수 있습니다. 간단한 코드로 언어 정보를 확인하고 맞춤형 콘텐츠를 제공하여 방문 편의를 높입니다.
브라우저 언어 감지 (서버 측)
브라우저에서 전송된 Accept-Language HTTP 헤더를 사용하여 선호하는 언어를 감지합니다. 이것이 웹사이트가 자동으로 적절한 언어를 선택하는 방법입니다.
Accept-Language 헤더에서 언어가 감지되지 않았습니다.
JavaScript로 감지된 언어 (클라이언트 측)
JavaScript 변수 "navigator.languages"를 사용하여 브라우저 언어 기본 설정을 감지합니다. 언어는 선호도 순으로 정렬되며 가장 선호하는 언어가 먼저 표시됩니다.
Loading...
언어 감지 중...
브라우저 정보
주요 기능
- 브라우저 언어 기본 설정을 즉시 감지
- Accept-Language HTTP 헤더를 사용한 서버 측 감지
- JavaScript navigator.languages를 사용한 클라이언트 측 감지
- 언어 코드 및 전체 언어 이름 표시
- 각 언어의 선호도 점수 표시
- 언어 기본 설정을 위한 시각적 진행 표시줄
- 한 번의 클릭으로 언어 코드 복사
- 원시 Accept-Language 헤더 보기
- 브라우저 정보 표시 (사용자 에이전트, 플랫폼)
- 구성 필요 없음 - 즉시 결과 표시
일반적인 사용 사례
- 다국어 웹사이트 구현 테스트
- 언어 감지 및 현지화 문제 디버그
- Accept-Language 헤더가 올바르게 전송되는지 확인
- 자동 언어 리디렉션 로직 테스트
- 브라우저 언어 기본 설정 이해
- 국제화된 애플리케이션의 QA 테스트
- 언어 폴백 메커니즘 확인
- API에서 언어 협상 확인
- CDN 및 서버 측 언어 라우팅 테스트
- 교육 목적 - 브라우저가 언어 기본 설정을 전달하는 방법 배우기
사용 방법
- 이 페이지를 로드하기만 하면 감지가 자동으로 수행됩니다
- Accept-Language 헤더에서 서버 측에서 감지된 언어 보기
- 선호도 점수를 확인하여 언어 우선순위 확인
- JavaScript에서 클라이언트 측에서 감지된 언어 보기
- "복사" 버튼을 클릭하여 언어 코드 복사
- 하단에서 브라우저 정보 확인
- 다른 언어를 테스트하려면 브라우저 언어 설정 변경
- 페이지를 새로 고쳐 업데이트된 언어 기본 설정 확인
자주 묻는 질문
Accept-Language HTTP 헤더는 브라우저가 모든 요청과 함께 전송합니다. 이는 서버에 선호하는 언어를 알려주어 웹사이트가 자동으로 해당 언어로 콘텐츠를 표시할 수 있도록 합니다.
선호도 점수(품질 값)는 0에서 1까지입니다. 1.0은 가장 높은 선호도를 의미합니다. 낮은 점수는 덜 선호하는 언어를 나타냅니다. 브라우저는 이를 사용하여 언어 우선순위를 나타냅니다.
Accept-Language 헤더는 브라우저 설정에서 구성되는 반면 navigator.languages는 브라우저의 실제 언어 구성을 반영하기 때문에 다를 수 있습니다. 일부 브라우저는 각각에 대해 다른 값을 가질 수 있습니다.
Chrome에서: 설정 → 언어. Firefox에서: 설정 → 언어. Safari에서: 시스템 환경설정 → 언어 및 지역. 변경 후 이 페이지를 새로 고쳐 업데이트된 결과를 확인하세요.
navigator.languages는 사용자의 선호 언어를 나타내는 언어 코드 배열을 반환하는 JavaScript 속성으로 선호도 순으로 정렬됩니다. 첫 번째 요소가 가장 선호하는 언어입니다.
적절한 언어 감지는 사용자의 선호 언어로 자동으로 콘텐츠를 표시하여 사용자 경험을 개선합니다. 국제화된 웹사이트 및 애플리케이션에 필수적입니다.
예! 이 도구는 브라우저가 올바른 Accept-Language 헤더를 전송하고 있는지, 언어 기본 설정이 올바르게 구성되어 있는지 확인하는 데 도움이 됩니다.
이는 드물지만 브라우저가 Accept-Language 헤더를 보내지 않거나 JavaScript가 비활성화된 경우 발생할 수 있습니다. 브라우저 설정을 확인하고 JavaScript를 활성화하세요.
