반응형
오늘은 자바스크립트가 작동 안 할 때, 비활성화 상태일 때 처리 방법에 대해 알려드리겠습니다.
사실 요즘에 자바스크립트를 지원하지 않는 브라우저는 없지만,
사용자가 자바스크립트를 비활성화 한 상태에서 웹 브라우저를 사용한다면 레이아웃이 깨져 보이거나
자바스크립트로 개발된 영역이 작동이 안됩니다.
사용자가 자바스크립트가 꺼져있다는 사실을 인지 못한다면 오류라고 생각을 할 수 있기 때문에
방법은 <noscript> 태그를 이용하여 아래와 같이 처리를 해주면 됩니다.
<noscript> 자바스크립트가 실행되지않은 환경에서 보여질 내용 </noscript>noscript 태그는 자바스크립트가 활성화되어있을 때는 표시되지 않고,
자바스크립트가 비활성화 됐을 때만 보이는 태그입니다.
스크립트 비활성화 시 메시지 출력
아래와 같이 메시지를 출력하여 대체 방안을 마련합니다.
<body>
<noscript>
브라우저의 자바스크립트가 비활성화되어있는 상태입니다.
원활한 웹서비스를 이용하기 위해서는 자바스크립트가 필요합니다.
<a href="http://www.enable-javascript.com/ko/" target="_blank">
상단의 링크를 참고하여 자바스크립트를 활성화시켜주세요.
</noscipt>
</body>
실제로 프로젝트할 때에, 자바스크립트를 활성화하지 않은 브라우저인 줄 모르고 레이아웃이 깨진다는 얘기를 들은 적이 있습니다.
사실상 사용자의 브라우저가 자바스크립트 비활성화 상태에서 강제로 활성화시키는 방법은 없기 때문에
사용자가 자바스크립트가 비활성화 상태인 것을 인지할 수 있도록 처리해주시면 됩니다.
반응형
'Web > HTML' 카테고리의 다른 글
| 웹에서 아이콘 사용하기, 폰트 어썸(Font Awesome) 사용 방법 (0) | 2021.04.12 |
|---|---|
| [HTML/CSS] 드래그 금지/마우스 우클릭 금지 하는방법 (0) | 2021.03.31 |
| [HTML] 웹접근성을 위한 스킵 네비게이션, 본문 바로가기 Skip Menu / Skip Navigation (0) | 2020.11.14 |
| [HTML] 특수문자 코드표 모음 (0) | 2019.09.02 |
| [HTML5] 테이블의 기본 구조와 태그 (0) | 2019.08.27 |