자바스크립트 디버깅(javascript debugging) 방법입니다.


개발자 도구를 사용하여 디버깅하는 방법입니다.

아래 예제는 인터넷 익스플로러의 개발자 도구를 사용했습니다.

크롬(chrome)에도 개발자 도구가 존재합니다. 

디버깅 방법은 동일합니다.


그림이 작아서 잘 안보이면 

클릭 시 원본 사진이 보입니다.






1. 개발중인 웹페이지로 접근합니다.

    



2. F12 키를 누르면 개발자도구(Developer Tools) 창이 뜹니다.

  스크립트 항목 탭으로 이동 후 디버깅 시작 버튼을 클릭합니다.

  



3. 자바스크립트에 오류가 발생한 부분에서 실행이 일시정지되고 어느부분에서 오류가 발생했는지 정보가 출력됩니다.

 ※ alert가 alret로 오타가 발생하여 자바스크립트 에러가 있었습니다.

Posted by 준콩ol 준콩ol

댓글을 달아 주세요

  1. 이민정 2017.01.24 10:24  댓글주소  수정/삭제  댓글쓰기

    개발자도구 디버거에서 저는 스크립트가 안보이고 조사식 호출스택 중단점밖에 없는데 혹시 왜그런지 아시나요?ㅠㅠ