2013-04-16 2 views
1

웹 사이트에서 특정 작업을 수행 할 때 어떤 Javascript 기능이 실행되는지 확인하려고합니다. 그러나, 나는 나를 위해 이렇게 할 수있는 적합한 솔루션을 찾을 수없는 것 같아요, 그것은 수동으로 전체 JS 코드를 통과 할 수 없기 때문에 그것은 많이 있고, 나는 JS에 그다지 좋지는 않습니다.JavaScript 디버깅 - 플러그인 솔루션 제안 필요

도움을 주시면 감사하겠습니다.

+1

프로파일 러가 콘솔에 내장 된 것을 사용하는 방법을 배우십시오! F12 – epascarello

+0

의 힘은 [자바 스크립트 실행을 프로파일 링하는 가장 좋은 방법은 무엇입니까?] 가능한 복제본입니까? (http://stackoverflow.com/questions/855126/what-is-the-best-way-to-profile-javascript-execution) – epascarello

답변

0

Firefox 용 플러그인 Firebug (https://getfirebug.com/)를 사용하십시오.

+0

파이어 버그에서 실행을 추적하는 방법은 무엇입니까? 그렇지만 할 수 있다는 것을 모릅니다. – Darko

+0

@Darko : 사이트를 읽으십시오 : https://getfirebug.com/javascript – epascarello

+0

링크를 가져 주셔서 감사합니다. 그러나 제가 찾고있는 것은 중단 점을 사용하지 않고 대신 실행 된 첫 번째 명령에서 단계별로 진행됩니다. – Darko

1

Chrome을 사용하고 키보드의 f12 키를 눌러 디버깅 인터페이스를 표시하십시오. '소스'탭에서 단계별 디버깅을 할 수 있습니다.

+0

어떻게하면됩니까? – Darko

+0

'소스'탭에서 오른쪽 상단에있는 작은 화살표를 클릭하십시오. 그러면 javascript를 포함한 리소스 목록이있는 팝업 메뉴가 열립니다. 디버그 할 수있는 것을 선택하십시오. 그런 다음 줄 번호를 클릭하여 원하는 곳에 중단 점을 설정하십시오. – Sam

0

"시각적 이벤트"를 살펴볼 수 있습니다. Chrome Extension이므로 페이지의 요소에 바인딩 된 이벤트를 검사 할 수 있습니다. 또한 다른 브라우저의 경우 bookmarklet으로 존재합니다.

페이지에서 발생하는 모든 이벤트에 도움이되지는 않지만 최소한 요소에 바인딩 된 이벤트를 보여줍니다.