Debugging Client Side JS
클라이언트 측 JS 디버깅
클라이언트 측 JS 디버깅은 URL을 변경할 때마다 (사용된 매개변수 또는 매개변수 값 변경 포함) 중단점을 재설정하고 페이지를 다시로드해야 하기 때문에 귀찮을 수 있습니다.
debugger;
debugger;JS 파일 내에 debugger; 라인을 배치하면 브라우저가 JS를 실행할 때 해당 위치에서 디버거를 중지합니다. 따라서 상수 중단점을 설정하는 한 가지 방법은 모든 파일을 로컬로 다운로드하고 JS 코드에서 중단점을 설정하는 것입니다.
오버라이드
브라우저 오버라이드를 사용하면 실행될 코드의 로컬 복사본을 가지고 그것을 원격 서버의 것 대신 실행할 수 있습니다. "Dev Tools" --> "Sources" --> "Overrides"에서 오버라이드에 액세스할 수 있습니다.
오버라이드를 저장할 로컬 빈 폴더를 만들어야 하므로 새로운 로컬 폴더를 만들고 해당 페이지에서 오버라이드로 설정하세요.
그런 다음 "Dev Tools" --> "Sources"에서 오버라이드할 파일을 선택하고 **마우스 오른쪽 버튼을 클릭하여 "오버라이드로 저장"**하세요.
이렇게 하면 JS 파일이 로컬로 복사되어 브라우저에서 해당 복사본을 수정할 수 있습니다. 따라서 debugger; 명령을 원하는 곳에 추가하고 변경 사항을 저장한 후 페이지를 다시로드하면 매번 해당 웹 페이지에 액세스할 때 로컬 JS 복사본이 로드되고 디버거 명령이 유지됩니다.
참고 자료
Last updated
