특정 웹사이트의 버튼을 클릭 할 수 없거나 보이지 않는 경우

웹사이트의 특정 버튼이 보이지 않거나 클릭되지 않는다면, 또는 동작이 뭔가 이상하거나 완료되지 않는다면, 다음을 의심해볼 필요가 있습니다.

 

자바스크립트가 차단되었는지 확인


대부분의 웹사이트는 사이트의 동적인 부분을 처리할 때 자바스크립트(JavaScript)를 사용합니다. 이러한 자바스크립트를 특정 목적으로 강제 차단하는 경우가 있습니다.

예를 들면 다음과 같습니다.

  • 브라우저 내 설정(또는 개발자 콘솔)에서 자바스크립트를 강제로 차단시킨 경우
  • 자바스크립트를 차단하는 확장 프로그램을 사용하는 경우
  • 자바스크립트의 최신 버전을 지원하지 않는 구버전의 브라우저를 사용하는 경우

만약 개발자 콘솔에서 자바스크립트를 끄는 옵션에 체크가 되어있을 경우, 아래 방법으로 자바스크립트를 켤 수 있습니다. (구글 크롬 브라우저 기준)

  1. 더 보기 버튼 – Settings 메뉴를 클릭합니다.

  2. ‘Disable JavaScript’ 항목에 체크가 되어 있을 경우 체크를 해제합니다.

사이트별로 자바스크립트가 차단된 경우도 있는데, 이에 대해서는 아래 Flash 콘텐츠 항목에서 안내하는 설정 변경을 참고해주세요.

 

 

Flash 콘텐츠가 차단되었는지 확인


오래된 웹사이트의 경우 아직까지 플래시 콘텐츠를 사용하기도 합니다. 이제 더 이상 브라우저에서는 호환성 및 보안적인 문제로 인해 기본값으로 플래시 콘텐츠를 표시하지 않을 수 있습니다. 아래 포스트를 참고해보세요.

플래시를 꼭 사용해야 한다면 PC의 브라우저에서 임시로 콘텐츠를 허용하는 옵션이 있습니다.

먼저 플래시가 차단되면 아래와 같이 보일 것입니다.

이 부분을 클릭하면 위 주소표시줄에서 다음과 같이 표시됩니다. ‘허용’ 을 클릭하여 해당 사이트에 대한 Flash 실행 권한을 허용합니다.

주의 : 플래시 콘텐츠는 2020년 이후로 업데이트 지원이 중단되므로 더 이상 안전하지 않을 수 있습니다. 신중하게 선택해주세요.

만약 위와 같이 Flash 차단 안내가 보이지 않는다면, 아래 방법을 시도해보세요.

  1. 주소 표시줄의 주소 왼쪽의 버튼을 클릭합니다. 이후 ‘사이트 설정’ 을 클릭합니다.

  2. 해당 사이트의 권한 중 ‘Flash’ 항목에서 ‘요청(기본값)’‘허용’ 으로 지정합니다. 여기에서 상술했던 자바스크립트가 차단된 경우도 있을 것입니다. 차단된 경우 마찬가지로 ‘허용(기본값)’ 으로 변경해주시면 됩니다.

 

 

AdBlock 또는 광고차단 스크립트 해제


대부분의 이유는 콘텐츠 차단 스크립트가 웹 콘텐츠의 정상적인 표시를 방해함으로서 발생합니다. AdBlock과 같은 광고차단 스크립트는 사이트의 특정 요소를 가리거나 동작하지 못하게 할 수 있습니다. 광고를 차단해준다는 장점이 자칫 다른 콘텐츠까지 제거할 수 있다는 단점으로도 이어질 수 있습니다.

아래는 Adblock Plus의 광고 차단 임시 해제 방법입니다. Chrome의 경우 상단의 우측 바에 표시되는 ‘ABP’ 아이콘을 클릭한 다음 ‘이 사이트에서 광고 차단을 사용합니다’ 를 클릭하여 체크를 해제하세요. ‘이 사이트에서 광고 차단을 사용 중지합니다.’ 라고 뜬다면 콘텐츠 차단이 해당 사이트에서 해제됩니다.

 

 

기타 – 웹페이지 자체의 문제


위 상황 이외에도 단지 웹사이트 자체의 호환성 문제이거나 자체적 결함으로 인해 문제가 발생할 수 있습니다.

이에 대해서 검증하려면 아래 방법을 시도해보세요.

  • 다른 장치 또는 브라우저에서 테스트를 해봅니다.
  • 네트워크 연결이 원활하지 않은지 확인해봅니다.
  • 백신 프로그램이 일부 포트에 대해 차단(웹 방화벽)하지 않았는지 확인합니다.

위 방법을 시도해도 문제가 해결되지 않으면 해당 웹사이트의 관리자나 개발자에게 문의를 요청해야 할 것입니다.

JooTC

안녕하세요. 테크놀로지에 관심이 많은 블로거입니다.

Recent Posts

[iOS] Xcode ‘You do not have required contracts to perform an operation’ 해결

Xcode에서 iOS 애플리케이션을 빌드(Archive)하고 App Store Connect에 앱을 업로드하는 도중, 아래와 같은 에러가 발생하면서 더…

3주 ago

[안드로이드] INSTALL_FAILED_INSUFFICIENT_STORAGE 해결

INSTALL_FAILED_INSUFFICIENT_STORAGE 문제 안드로이드 스튜디오에서 에뮬레이터를 실행하고 개발중인 애플리케이션을 실행하려 하면 로그 창에 아래와 같이 표시되면서…

6개월 ago

Zalgo 텍스트와 이를 방지하는 방법

인터넷 커뮤니티 사이트에서 게시글이나 댓글에 간혹 장난을 목적으로 작성된 특이한 글자를 볼 수 있습니다. 위…

8개월 ago

리눅스 kill, killall 명령어 – 특정 프로세스 종료하기

리눅스 명령어 - kill, killall 리눅스 kill 명령어는 특정 프로세스를 종료해주는 명령어입니다. 백그라운드에서 실행되고 있는…

8개월 ago

JavaScript typeof null이 ‘object’인 이유

JavaScript는 역사가 긴 스크립트 프로그래밍 언어입니다. 세월이 흐르면서 많은 자바스크립트 표준이 만들어졌고, 현재는 많은 문법적…

8개월 ago

Mocha Error: Resolution method is overspecified. 해결 방법

NodeJS 테스트 프레임워크인 Mocha는 비동기 테스트를 지원합니다. 간혹 특정 테스트 스크립트를 작성하고 실행하면 아래와 같이…

8개월 ago