[자바스크립트] 웹(Web) 크롬 디버깅(debugging)

구글 크롬에서 제공하는 디버깅(debugging)

장점

 

어떤 프로그램 설치 없이 크롬만으로 디버깅이 가능하다. 

방법

1. script 태그 안에 debugger; 를 입력

2. 크롬(F12) 또는 웹페이지에서 오른쪽 마우스 - 검사 - Developer tool로 들어간다.  

3. Developer tool이 실행된 상태에서 스크립트가 실행되면 debugger; 입력된 부분에서 디버깅을 시작한다. (break point)

4. F10 또는 step over 키를 눌러 debugger; 위치부터 한줄씩 디버깅한다. 

5. 변수확인은 마우스를 갖다대거나 아래 console 부분에 입력한다. (자바스립트 문법과 동일, 프레임워크 사용 시 그에 맞는 문법 사용)