JavaScript는 브라우저와 관련된 다양한 정보를 확인할 수 있도록 navigator 객체를 제공합니다. 이 객체의 navigator.platform 속성은 브라우저가 실행 중인 플랫폼 정보를, navigator.language 속성은 브라우저의 언어 설정 정보를 반환합니다. 아래에서 각각의 사용 방법을 자세히 살펴보겠습니다.
브라우저 플랫폼 확인하기
문법
platform = navigator.platform;
예제
브라우저가 동작 중인 플랫폼 정보를 얻으려면 navigator 객체가 제공하는 navigator.platform 속성을 사용하면 됩니다. 대표적인 플랫폼 값으로는 "MacIntel"(macOS), "Win32"(Windows), "WebTV OS" 등이 있습니다.
<html>
<body>
<script>
document.write("browser platform is " + navigator.platform);
</script>
</body>
</html>
출력 결과
browser platform is Win32
위 예제는 Windows 환경에서 실행되었기 때문에 "Win32"가 출력됩니다. 참고로 최신 브라우저에서는 보안 및 호환성 정책에 따라 대부분의 환경에서 "Win32"로 통일되어 반환되는 점도 알아두시면 좋습니다.
브라우저 언어 확인하기
문법
language = navigator.language;
예제
브라우저의 언어 설정을 확인하려면 navigator 객체가 제공하는 navigator.language 속성을 사용합니다. 사용자는 브라우저 설정에서 언어를 자유롭게 변경할 수 있으며, 가장 널리 사용되는 언어 코드로는 영국 영어를 의미하는 "en-GB"와 미국 영어를 의미하는 "en-US"가 있습니다. 한국어 환경에서는 일반적으로 "ko-KR"이 반환됩니다.
<html>
<body>
<p id="language"></p>
<script>
document.getElementById("language").innerHTML =
"browser language is " + navigator.language;
</script>
</body>
</html>
출력 결과
browser language is en-US
이처럼 navigator.platform과 navigator.language 속성을 활용하면 별도의 외부 라이브러리 없이도 간단하게 브라우저의 플랫폼과 언어 정보를 파악할 수 있습니다. 이러한 정보는 다국어 지원 웹사이트를 개발하거나 운영체제별로 다른 UI를 제공해야 할 때 특히 유용하게 활용됩니다.