2013-08-18 4 views
2

웹 페이지를 디버깅하고 요소의 oonclick 처리기의 JS 실행을 일시 중지하는 방법을 원합니다. 여기서는 처리기가 누구인지 또는 처리기가 언제인지를 알지 못합니다. 등록 중입니다.Javascript 디버깅 : 클릭 이벤트 일시 중지

사용자 이벤트가 트리거되면 JS 실행을 일시 중지하는 브라우저 디버거에는 일시 중지 단추 (예 : Visual Studio)가 있습니까?

감사

답변

3

예, 내 개인 좋아하는 Firebug for Firefox입니다. "스크립트"탭에서 일시 중지 버튼 "다음에 휴식"을 클릭 할 수 있으며 HTML ("HTML 탭"사용)을 탐색하고 선택기를 마우스 오른쪽 버튼으로 클릭 한 다음 중 하나를 선택하거나 속성 변경/자식 추가 또는 제거/요소 제거. 어떤 스크립트가 내 DOM을 방해하는지 잘 모르겠다.

mouseover의 이벤트가있는 경우 예를 들어 document 레벨의 이벤트가있는 경우 '다음 번에 휴식'과 같은 것이 무의미한 것입니다. 그러면 계속 끊어 질 것입니다.

finding all logged events에 대한 몇 가지 솔루션을 살펴볼 수도 있지만, JavaScript를 "이 DOM 요소에 어떤 클릭 이벤트가 바인딩되어 있는지"묻는 간단한 방법은 없습니다. 직접 호출하지 않아도됩니다. jQuery를 사용하고 있다면 this 대답이 제안하는 것처럼 약간 더 쉽게 이해할 수 있습니다.

1

Firebug를 사용하는 Ian Clark의 답변과 함께 개발자 도구 창 (F12)의 Sources 탭으로 이동하면 디버깅 컨트롤이 나타납니다.

+0

감사합니다. 실제로 나는 [다른 스레드] (http://stackoverflow.com/questions/16188986/how-to-debug-the-next-javascript-event-in-chrome-with-scripts-running-in-backgr)를 보았습니다. 크롬. –

관련 문제