Chrome 개발자도구 활용법

Chrome 개발자도구 활용법

2018, Mar 23    

1. Ajax request 확인

위의 이미지처럼

개발자도구 -> Network탭 -> XHR -> url클릭

  • Header, Response, Cookies 확인 가능

  • 마우스오른쪽클릭 -> copy as cURL

2. Event Listener Breakpoint 하기

개발자도구- -> Sources탭 -> 맨 오른쪽에 Event Listener Breakpoint 사용

여기서 변수 Watch 등록 가능 (변수값을 확인)