크롬 개발자도구 F8 (pause) 동작하지 않는 경우

 

DOM 자체에서 제거되는 엘리먼트를 파악하고자 할 때, 크롬 개발자도구 pause 기능이 유용하다.

 

 

 

그런데 input 등에 focus 상태인 경우, 

F8

 키 자체가 해당 input 의 입력이 되어버리면 동작하지 않는다.

해결 방법은 아래 코드를 해당 페이지에 삽입하는 것.

 

document.addEventListener('keydown', function (e) {
    if (e.keyCode == 119) { // F8
        debugger;
    }
}, {
    capture: true
});