Chrome DevTools : XHR 네트워크 요청에서 코드로 바로 이동

REST API를 디버깅하고 매우 복잡한 클라이언트 코드에서 어떻게 사용되는지 확인하고 싶습니다. 네트워크 탭에서 AJAX 요청을 확인한 후에 어떻게 생성 된 코드로 이동할 수 있습니까?Chrome DevTools : XHR 네트워크 요청에서 코드로 바로 이동

enter image description here

이 impossible인가?

음, 같은 경로로 콘솔의 XHR 로그 라인은 어때요? – epascarello

XHR 요청 후에이 작업을 수행 할 수 있다고 생각하지 않습니다. 당신이 할 수있는 유일한 일은 XHR이 보내질 때 발동 될 XHR 중단 점을 설정하는 것입니다. – Barmar

네트워크 탭의 "초 기자"열을 참조하십시오. 어떤 코드가 AJAX 호출을 시작했는지 알려줍니다. 전체 스택 추적과 함께 툴팁도 표시됩니다. 내가 회신하고있어 이렇게 언급을 50 평판이없는

Chrome DevTools Network Tab Initiator Stack Trace

2015-01-07 08:31:09

Duh. 감사! 나는 더 명백한 스크린 샷을 추가 할 자유를 얻었다. –

jQuery 또는 Angular와 같은 라이브러리를 사용하여 전화를 걸면 도우미 함수를 호출 한 소스 코드를 볼 수있는 방법이 있습니까? – Atav32

@ Atav32 : 호출 스택을 그냥 통과 할 수 있습니다. –

: 당신이 jQuery를 또는 각도와 같은 라이브러리를 사용하는 경우

것은 당신이 전화를 걸 수 있도록하는이>입니다 도우미 함수를 호출 한 소스 코드를 볼 수있는 방법은 무엇입니까? -> Atav32 Mar 14 at 1:01

"실제"메서드 호출을 찾으려면 "초 기자"열에 제안 된 줄에 중단 점을 추가하고 "현재 기능에서 벗어남 (Shift + F11)"을 누르십시오. 당신이 원하는 코드에 도달 할 때까지.

건배!

2015-11-02 08:32:15

이제 당신은 ... –

답변