[자바 스크립트] 크롬을 사용한 디버깅

크롬의 개발자 도구를 사용하여 소스를 디버깅 할 수 있다.

방법은 아래와 같다.

 

1. 자바 스크립트가 담긴 html 파일을 실행 -> F12 (개발자 도구) -> Sources 탭 -> 좌측에서 html 파일을 클릭하여 소스 코드 띄우기

 

2. 스크립트가 시작하는 부분을 마우스로 클릭한다. 해당 지점부터 디버깅을 할 수 있다.

 

3. 새로고침 하여 소스를 다시 실행하면 아래와 같이 소스가 블록으로 지정되며, 지금 어떤 부분이 실행되고 있는지 단계별로 확인할 수 있다.

 

4. F9를 누르면 다음 소스로 넘어가며 각 행마다 소스를 확인해볼 수 있다.

 

- 디버깅 영상