2012-11-14 2 views
2

디버깅하려는 웹 사이트가 있습니다. http://www.mapcrunch.com/ 중간에 거대한 GO 버튼이있는 자바 스크립트가 어디에 있는지보고 싶습니다.Chrome에서 메소드가 호출되는 위치를 찾는 방법은 무엇인가요?

지금까지 요소를 검사하여 나는이를 발견했다 : I 버튼을 클릭하면

<button id="gobutton" class="button" style="display:none;" title="Click to go!"> 
    <span>Go!</span> 
</button> 

, "네트워크"보기에, 나는 그것이 호출하는 것으로 나타났습니다. http://www.mapcrunch.com/json/rand.php?c=35&d=0 그러나 실제로 전화가 걸려온 곳을 찾을 수 없습니다. 이 요청을하는 함수 또는 행을 찾고 싶습니다. Chrome에서이 작업을 수행 할 수있는 방법이 있습니까?

+1

가 요소가 수정 /속성이 변경 http://stackoverflow.com/questions/13334709/how -to-debug-a-specific-javascript-click-event/13335076 # 13335076 – lostsource

+0

약간의 무응답이지만 항상 추측 할 수 있습니다. 요소 ID를 알고 있고 [js 파일] (http://www.mapcrunch.com/js/maps.min.js?v=14)이 있습니다. –

답변

2

이동 버튼을 클릭 할 때 DOM이 변경된다고 가정하면 개발자 도구에서 HTML 태그를 마우스 오른쪽 버튼으로 클릭하고 "나누기 ... 하위 트리 수정"을 클릭하면됩니다. 그런 다음 이동 버튼을 클릭하십시오. 실행중인 자바 스크립트에서 일시 중지됩니다.

1

사이트에서 압축 풀기 JS file하고 #gobutton를 검색하면 '휴식'의 코드가 실행되는 크롬을 지시 할 수

+0

이것도 작동합니다. 설정에서 "콘텐츠 스크립트에서 검색"옵션을 사용하면 모든 js 파일에서 전역 검색이 수행되는 것으로 나타났습니다. – siamii

관련 문제