Chrome JavaScript Debugger 사용 / 페이지 로딩 이벤트 중단 방법

Chrome JavaScript Debugger 사용 / 페이지 로딩 이벤트 중단 방법

---

나는 크롬의 디버거를 사용하고 있으며 페이지가 실행되면 중단 점을 설정하는 것이 좋습니다. 내 문제는 f5를 수행하거나 URL 줄에서 Enter 키를 누르면 중단 점이 사라집니다. 페이지가 처음로드 될 때 발생하는 코드에서 중단 점을 어떻게 설정할 수 있습니까?

---

이후 버전의 Safari 및 Firefox는 다시로드 할 때 중단 점에서 제대로 작동해야하지만 쿼리가 요청간에 정확히 동일한 지 확인해야합니다. 예를 들어 ExtJS 4 _dc=<epoch>는 캐시를 비활성화 하는를 추가 합니다.

해당 동작을 중지하려면 다음을 추가하십시오.

Ext.Loader.setConfig({
    disableCaching: false,
    enabled: true
});

도움이 되었기를 바랍니다.

---

Chrome의 개발자 도구에서 소스 탭으로 이동합니다 . 오른쪽에서 Event Listener Breakpoints를 열고 이벤트에 중단 점을 설정할 수 있습니다.

DOM Mutation 섹션 아래 에있는 DOMContentLoaded에 중단 점을 설정하려는 것처럼 들립니다 .

이 작업을 수행 한 후 페이지를 다시로드하면 디버거에서 끝납니다.

---

debugger;코드를 입력 해보 십시오. FF의 Firebug에서도 작동합니다.

---

나는에 적합한 다음 방법 사용 Chrome, Safari사용 Charles Proxy및Rewrite Tool

debugger;

또는 브라우저 콘솔을 기다려야하는 경우

setTimeout(function(){ 
    debugger; 
    console.log('gets printed only once after timeout');
}, 7000);

setTimeout 사용자가 콘솔을 연결할 시간을주기 위해 지연 후 트리거되는 기능입니다.

참고 URL : https://stackoverflow.com/questions/6727370/using-chrome-javascript-debugger-how-to-break-on-page-loading-events