JavaScript 비활성화 감지란?
웹 브라우저에서 JavaScript가 비활성화되어 있는지 확인하려면 HTML의 <noscript> 태그를 사용하면 됩니다. 이 태그는 브라우저가 <script> 태그를 인식하지만 스크립트 실행을 지원하지 않거나, 사용자가 설정에서 JavaScript를 끈 경우에 동작합니다.
JavaScript가 실행될 수 없는 환경에서는 <noscript> 태그 내부에 작성한 내용이 화면에 그대로 출력되므로, 사용자에게 "JavaScript를 켜 주세요"와 같은 안내 메시지를 보여주는 용도로 널리 활용됩니다. 반대로 JavaScript가 정상적으로 작동하는 브라우저에서는 이 태그 안의 내용이 무시됩니다.
사용 예제
다음은 <noscript> 태그를 활용한 기본적인 예제입니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML noscript Tag</title>
</head>
<body>
<script>
document.write("Hello JavaScript!");
</script>
<noscript>
브라우저에서 JavaScript가 활성화되어 있지 않습니다.
</noscript>
</body>
</html>동작 원리
- JavaScript가 켜져 있을 때:
<script>태그 안의 코드가 실행되어 "Hello JavaScript!"가 화면에 출력되고,<noscript>영역은 무시됩니다. - JavaScript가 꺼져 있을 때: 스크립트는 실행되지 않으며,
<noscript>태그 안의 대체 메시지가 사용자에게 표시됩니다.
참고 사항
<noscript> 태그는 <body> 요소 안에서 사용할 수 있으며, 내부에는 일반 텍스트뿐 아니라 링크, 문단 등 다양한 HTML 요소를 포함시킬 수 있습니다. 또한 최신 웹 개발 환경에서는 SPA(싱글 페이지 애플리케이션)처럼 JavaScript에 의존도가 높은 서비스가 많기 때문에, 접근성과 사용자 경험을 위해 이와 같은 폴백(fallback) 메시지를 제공하는 것이 좋은 습관입니다.