개발자도구패널 (1) 썸네일형 리스트형 크롬의 개발자 도구, 디버깅 - 각 패널들의 명칭과 기능 Elements : DOM CSS를 편집하여 렌더링된 뷰 > 편집한 내용이 저장되지는 않는다. Console : 웹페이지의 에러, console.log Sources : 자바스크립트 코드 디버깅 Network : 네트워크 요청 정보와 성능 Application : 웹 스토리지, 세션, 쿠키 확인 및 관리 - 개발자 도구 창 분리 : 우측의 더보기 ... 클릭 > Dock Side - 디버깅 예시 코드 0 + - 에러가 발생한다! 오른쪽 끝에 index.html:19 와 같은 에러 발생 위치를 클릭 > Sources 패널로 자동 이동, 디버깅 가능! line 19 의 라인 번호를 클릭해 책갈피 모양이 뜨면 브레이크 포인트가 걸린 것이다. 이 때 오류를 실행하면 디버깅 모드로 들.. 이전 1 다음
