브라우저의 JavaScript 지원 여부 확인하기
브라우저가 자바스크립트(JavaScript)를 지원하는지 확인하려면 HTML의 <noscript> 태그를 사용하면 됩니다. 이 태그는 자바스크립트가 비활성화되어 있거나 스크립트 실행을 지원하지 않는 브라우저 환경에서 대체 콘텐츠를 보여주는 역할을 합니다.
noscript 태그란?
HTML <noscript> 태그는 <script> 태그는 인식하지만 실제 스크립트 실행은 지원하지 않는 브라우저를 처리하기 위해 사용됩니다. 즉, 사용자의 브라우저에서 자바스크립트가 꺼져 있거나 지원되지 않는 경우, 이 태그 안에 작성한 대체 텍스트 메시지가 화면에 표시됩니다.
예제 코드
다음은 <noscript> 태그를 활용한 기본적인 예제입니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML noscript Tag</title>
</head>
<body>
<script>
<!--
document.write("Hello JavaScript!")
-->
</script>
<noscript>
Your browser does not support JavaScript!
</noscript>
</body>
</html>동작 방식
위 코드의 동작 결과는 브라우저 설정에 따라 달라집니다.
- 자바스크립트가 활성화된 경우:
<script>태그 내의 코드가 실행되어 화면에 "Hello JavaScript!"가 출력되고,<noscript>태그의 내용은 무시됩니다. - 자바스크립트가 비활성화된 경우: 스크립트가 실행되지 않으며, 대신
<noscript>태그 안의 "Your browser does not support JavaScript!" 메시지가 사용자에게 표시됩니다.
활용 팁
<noscript> 태그는 단순히 경고 메시지를 표시하는 것 외에도, 자바스크립트 없이는 이용할 수 없는 기능에 대한 안내나 정적 콘텐츠로의 대체 링크를 제공하는 등 접근성과 사용자 경험을 개선하는 데 유용하게 활용할 수 있습니다.