HTML에서 앵커를 클릭 할 때 호출되는 Javascript 함수를 찾는 방법

Question

트위터에서 "재생"을 클릭하면 어떤 프론트 엔드 함수가 호출되는지 궁금합니다. Chrome에서 요소를 검사하여 href = "#"가있는 앵커 인 것 같습니다. 따라서 앵커의 onclick 이벤트와 관련된 일부 자바 스크립트 함수가있는 것 같습니다. 그냥 어떤 함수가 호출되는지 그리고 그 함수의 소스 코드가 어디에 있는지 알아내는 것이 궁금합니다. 여기

트위터

<a class="with-icn js-action-reply" data-modal="tweet-reply" href="#" title="Reply"> 
<i class="sm-reply"></i> 
<b>Reply</b> 
</a> 

고마워에서 "재생"의 코드 부분입니다.

console.log($('.js-action-reply').data('events')) 

Answer 1

그들의 스크립트가 축소 된, 그래서 그것은 종류의 불가능보고있다 : 당신은 data('events')을 사용할 수 있습니다

Answer 2

다음을 시도하십시오. 그러나 두 가지 당신이 할 수 있습니다 : 당신이

처럼 MrOBrian 말했다 응답 링크를 클릭하면

• 를 사용하여 크롬의 이벤트 리스너 중단 점 디버거에 침입 : JS-액션 응답을 자신의 스크립트를 검색

Answer 3

크롬에 '프로파일 링'탭이 내장되어 있어야합니다.

당신이 할 수있는 것 : 1) 시간 경계를 선택하여 함수 호출을 볼 수 있습니다. 함수 이름을 클릭하면 크롬이 함수의 몸으로 직접 이동합니다 !! 화염 차트 설명 : 가능성이 응답 링크, 당 별도의 핸들러가 있다면 https://www.youtube.com/watch?v=g0g4ML4nhPg

Flame chart screenshot