크롬에서 개발자 도구를 사용해야 하는 경우가 있습니다. 가끔 html을 봐야하는 이유가 있을수도 있고 또 여러가지 이유로 개발자 모드를 실행할 필요한 경우가 있습니다. 그런데 어떤 경우에는 f12만 누르면 바로 꺼져버리는 현상이 있습니다. 왜 그럴까요?

은행업무 또는 인증서를 쓰는 업무를 하다가 f12를 누르면 잘 안되는 경우를 보실 수 있습니다.

원인1: 보안프로그램 AhnLab Safe Transaction 이라는 보안 프로그램이 실행되고 있는 경우에는 개발자도구를 실행하면 보안 프로그램이 자동으로 개발자도구를 꺼버립니다.

해결방법: 안랩 세이프 트랜잭션을 종료합니다.

원인2: 자바스크립트에 우클릭 방지 옵션이 있는 경우

<head>
...

<script type="text/javascript">
    // F12 방지
    $(document).ready(function(){
        $(document).bind('keydown',function(e){
            if ( e.keyCode == 123 /* F12 */) {
                e.preventDefault();
                e.returnValue = false;
            }
        });
    });

    // 우클릭 방지
    document.onmousedown=disableclick;
    status="Right click is not available.";

    function disableclick(event){
        if (event.button==2) {
            alert(status);
            return false;
        }
    }
</script>
<script>
    // disable right click
    document.addEventListener('contextmenu', event => event.preventDefault());
 
    document.onkeydown = function (e) {
 
        // disable F12 key
        if(e.keyCode == 123) {
            return false;
        }
 
        // disable I key
        if(e.ctrlKey && e.shiftKey && e.keyCode == 73){
            return false;
        }
 
        // disable J key
        if(e.ctrlKey && e.shiftKey && e.keyCode == 74) {
            return false;
        }
 
        // disable U key
        if(e.ctrlKey && e.keyCode == 85) {
            return false;
        }
    }
 
</script>

...
</head>

<body oncontextmenu='return false' onselectstart='return false' ondragstart='return false'>

위 처럼 자바스크립트를 통해 특정 키가 동작하지 않게 하는 방법과 body 태그에 설정하는 방법이 있습니다. 이 외에도 다른 방법들이 일반적인 블로그 스타일의 사이트에서 많이 사용되는 방법입니다.

keycode 알려주는 사이트 : https://keycode.info/

일반적으로 키코드는 정리된 키코드 표를 보고 이용할 수 있습니다.

위의 사이트의 경우 들어가서 키를 누르면 자동으로 눌러진 키의 번호를 알려줍니다.

해결방법 Case1: Ctrl + Shift + J 또는 Ctrl + Shift + I 를 누른다.

해결방법 Case2: Ctrl 키 까지 막은 경우 크롬 브라우저 상단 세로 … -> 도구 더보기 -> 개발자 모드

다음에는 다른 방법으로 막혔을 경우 해결 방법도 업데이트 하겠습니다.