Develop Trouble

Javascript debugger 가 동작하지 않을 경우

꿀잠마스터 2025. 2. 6. 00:03

자바스크립트를 브라우저에서 디버깅 할 때 "debugger"를 코드에 넣어 중단점을 설정할 수 있다.
그러나 평범한 html, js 기반이 아닌 프레임워크를 사용할 경우 해당 기능이 브라우저에서 안되는 경우가 있다. 이 경우 안되는 이유는 IDE 문제나 코드의 문제가 아니라 브라우저 설정의 문제이다.

크롬의 경우 
개발자도구(F12) => 설정(톱니바퀴) -> 무시목록(Ignore list) 설정
에서 해당 js 파일의 경로의 정규식을 등록하거나, 무시 옵션을 잠시 끄고 디버깅을 맞춘 후 원상복구 하면 된다. 

해당 옵션이 왜 존재하는지 검색한 결과 라이브러리 등의 코드 내부에 "debugger" 코드가 존재하여 원하지 않는 중단점에서 멈추는 경우들을 방지하는 것으로 확인하였다.