Chrome에서의 감시 요청

Chrome에서의 감시 요청

파이어폭스에서는 firebug를 사용하고 있습니다.Firebug를 사용하면 Ajax 콜의 모든 http 요청을 볼 수 있습니다.Chrome으로 개발을 전환하여 지금까지 마음에 듭니다.단, 개발자 툴이 각 Ajax 요청을 볼 수 없는 것 같습니다.리소스 패널에 동일한 리소스에 대한 여러 요청이 표시된 경우 한 번 발생했지만 한 번만 수행되고 두 번 다시 수행되지 않습니다.

Javascript를 통해 이루어지는 모든 http 요청을 Chrome 내에서 확실하게 볼 수 있는 방법이 있습니까?

[편집: 09/11/30 11:55]

현재는 Chrome 옆에서 Fiddler를 실행하여 요청을 보고 있습니다만, 브라우저 내에서 할 수 있는 방법이 있다면 그렇게 하고 싶습니다.

나는 이것이 오래된 실이라는 것을 알지만 나도 동참해야겠다고 생각했다.

크롬은 현재 솔루션을 내장하고 있다.

1. 사용하다CTRL+SHIFT+I(또는 로 이동합니다).Current Page Control > Developer > Developer Tools새로운 버전의 Chrome에서는 [Rench]아이콘 > [ Tools ]> [ Developer Tools ]를 클릭하여 Developer Tools 를 활성화합니다.
2. 개발자 도구 내에서Network버튼을 클릭합니다.아직 활성화되지 않은 경우 세션 또는 항상 활성화하십시오.
3. 를 클릭합니다."XHR"서브버튼을 클릭합니다.
4. 를 개시합니다.AJAX call.
5. 아래 왼쪽 열에 항목이 표시되기 시작하는 것을 볼 수 있습니다."Resources".
6. 리소스를 클릭하면 헤더와 반환 내용을 보여주는 2개의 탭이 있습니다.

이에 대한 최신 해답은 개발 도구의 '네트워크' 버튼 아래에 나열되며, 더 이상 예전처럼 '리소스' 아래에 나열되지 않는다는 것입니다.

갱신하다

Chrome은 요청 검사 방법을 변경했으며, 이제 Chrome://net-export/에서 내보낸 로그와 함께 Catapult Netlog Viewer를 사용할 것을 권장합니다.

chrome://net-export/

상세 정보

이전 Chrome 버전

또한 Chrome의 이 링크를 사용하여 인스펙터보다 자세한 정보를 얻을 수 있습니다.

chrome://net-internals/#events

열려 있는 동안 브라우저의 모든 요청 로그를 표시합니다.

어떤 Chrome 버전을 사용할 수 있는지 모르겠지만 "Console - Log XMLHttpRequests" (Mac에서 Chrome에서 개발자 도구 오른쪽 아래 구석에 있는 아이콘을 클릭) 설정을 찾았습니다.

DevTools를 열고 F1을 눌러 설정에 액세스합니다.콘솔 섹션을 찾아 "Log XMLHttpRequests" 체크박스를 켭니다.

이제 모든 ajax 및 기타 유사한 요청이 콘솔에 기록됩니다.

일반적으로 이 방법을 사용하면 네트워크 탭으로 이동할 필요 없이 콘솔에서 원하는 모든 것을 볼 수 있기 때문에 이 방법을 사용하는 것이 좋습니다.

당신은 좋은 무료 도구인 Fiddler를 사용할 수 있습니다.

이 글을 도와주시는 모든 분들께 감사드립니다.

나는 ubuntu 13.10을 가지고 있고 크롬 버전은 34.0이다.

내 상황에선 이게 효과가 있어

1.open developer tools in chrome(or use right click on your page and then select inspect element)
2.go to "Network" tab
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

이제 요청 앞에 새 패널이 표시됩니다.

in this panel select "Response" tab

Phil의 5단계에서는 Chrome의 새 버전에서 "Resources"를 더 이상 사용할 수 없습니다.이름, 메서드, 상태 등의 열이 있는 아래쪽 창에 나열된 Ajax 페이지 바로 옆에 있는 페이지 아이콘을 클릭해야 합니다.

그런 다음 오류 메시지를 찾을 수 있는 더 많은 패널이 표시됩니다.

브라우저에서 페이지를 마우스 오른쪽 버튼으로 클릭하고 "Inspect Element"를 선택하여 개발자 도구를 실행할 수도 있습니다.

https://developer.chrome.com/devtools

언급URL : https://stackoverflow.com/questions/1820927/request-monitoring-in-chrome