브라우저 개발도구 이벤트 감지(javascript detect development tool working)

 

자바스크립트로 브라우저의 개발도구가 동작하는지를 확인하는 코드입니다.

이러한 천재적(?)인 생각을 만드신분께 정말 대단하다는 말씀을 드리고 싶습니다.

!function() {
  function detectDevTool(allow) {
    if(isNaN(+allow)) allow = 100;
    var start = +new Date(); // Validation of built-in Object tamper prevention.
    debugger;
    var end = +new Date(); // Validates too.
    if(isNaN(start) || isNaN(end) || end - start > allow) {
      // input your code here when devtools detected.
    }
  }
  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);
  }
}();

 

제가 만든 코드가 아니므로 코드를 고치거나 주석을 바꾸지 않겠습니다.

아래 관련주소 남겨둡니다.

https://dev.to/composite/a-simple-way-to-detect-devtools-2ag0

A simple way to detect devtools.