많은 사람들이 우클릭, 드래그, 복사 그리고 개발자 도구를 막아놓은 블로그를 뚫기 위해서 흔히 자바스크립트 비활성화를 합니다. 오늘은 우리 블로그 글을 읽는 사용자가 개발자 도구를 이용해서 혹은 다른 방법으로 자바스크립트를 비활성화하였다면 그 사용자를 다른 페이지로 보내버리는 방법을 알려드리도록 하겠습니다.
아마도 몇몇 분들은 자바스크립트 비활성화를 방지하기 위해서 그냥 개발자 도구를 감지해서 개발자 도구를 못 쓰게 해버리면 되지 않냐 하시는 분들도 있을 겁니다. 그래서 제가 이전 포스팅에 개발자 도구를 무력화시키는 방법 또한 알려드렸습니다. 궁금하신 분은 밑에 링크를 통해 보시면 됩니다.
개발자 도구 감지 스크립트 : 불펌 완벽 방지
저번에는 그냥 단순하게 F12와 소스보기, 검사 등의 단축키를 금지함으로써 개발자 도구를 막았다면 오늘 알려드릴 방법은 더 완벽하게 개발자 도구를 차단할 수 있는 방법입니다. 개발자 도구
allissuesishere.tistory.com
자바스크립트 비활성화 방지 방법
제가 오늘 알려드릴것은 위에서도 말했듯이 블로그에 방문자가 접속했을 때 드래그 혹은 우클릭을 하기 위해서 자바스크립트를 비활성화하는 경우가 있는데 이때 방문자가 자바스크립트를 비활성화하면 경고 페이지로 보내버리는 방법을 알려드리겠습니다. 이거 적용하시고 바로 전에 작성한 포스팅 참고하셔서 개발자 도구 감지 스크립트도 적용하는 것을 추천드립니다.
<noscript>
<meta http-equiv="refresh" content="0; url=경고창 링크">
</noscript>- 위 소스코드를 모두 복사합니다.
- 블로그 관리 페이지로 가서 꾸미기 -> 스킨 편집 -> html 편집 -> 파일 업로드 로 들어가줍니다.
- 아래 noScript.html 파일을 다운받아주세요.
- 다운받은 noScript.html 파일을 메모장으로 열어서 '블로그 명' 이라고 되어 있는 부분과 'https://example.tistory.com' 부분을 각각 자신의 블로그에 맞게 수정을 해주세요.
- 수정이 끝났다면 블로그로 들어와서 '추가'를 눌러서 noScript.html 파일을 업로드 해주세요.
- 업로드한 noScript.html을 우클릭해서 링크를 복사해주세요.
- 처음에 복사했던 위 소스코드를 </head>와 <body> 태그 사이에 삽입해줍니다.
- 경고창 링크를 지우고 방금 전 복사한 링크를 삽입합니다.
- 적용을 하고 자바스크립트를 비활성화 해보세요.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자바스크립트를 활성화 하세요.</title>
</head>
<body>
<div style="display:block;width: auto;margin:0 auto; position: relative;">
<h1 style="text-align: center;"> <strong>이 블로그를 이용하시려면 <span style="color: #ff0000;">자바스크립트</span>를 활성화 시켜주셔야합니다.</strong></h1>
<p style="text-align: center;"><a title="블로그 명" href="https://example.tistory.com/">블로그로 이동</a></p>
</div>
</body>
</html>불펌을 100% 완벽하게 막을 수는 없지만 이 방법과 전 포스팅을 참고하여 두 방법 모두 적용을 시킨다면 컴퓨터에 대한 지식이 없는 사람들은 거의 대부분 방지가 되고 컴퓨터에 지식이 있다고 해도 불펌을 하려는 사람들을 좀 더 불편하게 만들 수 있습니다. 혹시 적용을 하다가 막히는 부분이 있다면 막히는 부분을 상세하게 댓글로 달아주세요! 그냥 "모르겠어요~" 하면 저도 모릅니다.
