728x90
반응형
≣ 목차
블로그 내에 복사 방지를 걸어놨음에도 개발자 도구에서 disable java script 기능을 활용해 불법 복사를 하는것을
방지 하기 위한 콘솔창 차단 기능 활성화를 해보도록 하겠습니다.
티스토리 개발자 도구 콘솔창 차단
✚
html 추가
관리자 홈 > html 편집 > html 탭에 들어갑니다.
코드를 수정할 위치는 아래와 같습니다.
<html>
<body>
<!---이쪽에 추가-->
</body>
</html>
아래 스크립트를 붙여 넣기 헤줍니다.
<!--콘솔창 차단 스크립트-->
<script>
!function() {
function detectDevTool(allow) {
if(isNaN(+allow)) allow = 100;
var start = +new Date();
debugger;
var end = +new Date();
if(isNaN(start) || isNaN(end) || end - start > allow) {
// 개발자 도구가 open 된것을 감지했을때 실행할 코드 삽입
}
}
if(window.attachEvent) {
if (document.readyState === "complete" || document.readyState === "interactive") {
detectDevTool();
window.attachEvent('onresize', detectDevTool);
window.attachEvent('onmousemove', detectDevTool);
window.attachEvent('onfocus', detectDevTool);
window.attachEvent('onblur', detectDevTool);
} else {
setTimeout(argument.callee, 0);
}
} else {
window.addEventListener('load', detectDevTool);
window.addEventListener('resize', detectDevTool);
window.addEventListener('mousemove', detectDevTool);
window.addEventListener('focus', detectDevTool);
window.addEventListener('blur', detectDevTool);
}
}();
</script>
<!--콘솔창 차단 스크립트 끝-->
만약 경고메시지를 띄우고 싶다면 주석 처리한부분에 다음 코드를 넣어줍니다.
주석은 // 기호가 있는 곳입니다.
alert('개발자 도구가 감지되었습니다!');728x90
반응형
'티스토리 꾸미기' 카테고리의 다른 글
| 티스토리 꾸미기 :: 검색엔진 최적화(SEO) 브레드크럼 설정 (41) | 2025.09.08 |
|---|---|
| 티스토리 꾸미기 :: 본문 이미지 효과 주기 (29) | 2025.09.03 |
| 티스토리 꾸미기 :: 블로그 상단 프로그레스바 꾸미기 (37) | 2025.09.01 |
| 티스토리 꾸미기 :: 본문 상단 이미지 교체 및 물결 효과 (20) | 2025.08.28 |
| 티스토리 꾸미기 :: 서식(HTML) 스타일 모음 (20) | 2025.08.27 |
