개발자도구 디버깅(새로고침, designMode, conditional break point)

디버깅 방법

1) 라인 설정(debugger; 입력 가능) & Ctrl + S

2) 페이지 상에서 클릭 또는 입력으로 변화주기 ( 새로고침 후에도 유지되려면 ... 아래 블로그 참조 )

3) 디버깅 수행됨

 

 

새로 고침 후에도 디버깅이 되도록 하려면? 아래 블로그 참조

단... 아마? 제가 구축한 서버가 아닌 임의의 웹 페이지를 새로고침해서 수정하기는 어렵다?
권한이 없으면 새로고침 시 계속해서 서버정보가 업데이트 된다 하더군요.

https://tryncatch.tistory.com/14

https://dorudoru.tistory.com/2018?category=345031

 

 

 

1) [Console] document.designMode='on'

2) 실제 페이지에서 수정 혹은 검색어 입력 등 변경 작업

3) [Sources] break point 설정

 

 

* Add conditional break point : for 문 등에서 특정 조건( i = 15 ) 일 경우의 값을 바로 확인 가능 (조건부 디버깅 모드)

https://im-developer.tistory.com/84