개발자 도구

개발자 도구에서 주로 사용하는 탭

 

①Elements : what if 실험용도

 

②Console : 간단한 자바스크립트 실습이 가능하고 페이지로부터 받은 메세지를 확인하는 용도

 

-console.log(출력하고자 하는 내용) : 화면에 출력해주는 명령어

-var : 변수 선언, 데이터를 담는 통

-shift+enter : 줄바꿈

 

③Source : JavaScript 디버깅, 실험 용도, watch와 breakpoint를 주로 이용

 

-watch : 자바스크립트의 코드가 현재 어떤 값을 가지고 있는지 확인할 때

-breakpoint : 어떤 코드에 breakpoint를 설정하고 실행시키면 그 breakpoint에서 페이지가 일시정지됨

 

 

④Network : 해당 페이지에서 받아들인 파일 목록을 확인하는 용도