브라우저 언어 감지기
브라우저 언어 감지기는 사용자의 브라우저 언어를 확인해 웹사이트 언어를 최적화합니다. 이를 통해 다양한 언어 지원 웹사이트를 만들고 사용자 경험을 개선할 수 있습니다. 간단한 코드로 언어 정보를 확인하고 맞춤형 콘텐츠를 제공하여 방문 편의를 높입니다.
브라우저 언어 감지 (서버 측)
브라우저에서 전송된 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에서 클라이언트 측에서 감지된 언어 보기
- "복사" 버튼을 클릭하여 언어 코드 복사
- 하단에서 브라우저 정보 확인
- 다른 언어를 테스트하려면 브라우저 언어 설정 변경
- 페이지를 새로 고쳐 업데이트된 언어 기본 설정 확인
