[ajax] Chrome에서 요청 모니터링

Firefox에서는 Firebug를 사용하여 아약스 호출이하는 모든 http 요청을 볼 수 있습니다. 개발을 Chrome으로 전환했으며 지금까지 좋아했습니다. 그러나 내 유일한 불만은 개발자 도구가 각 아약스 요청을 볼 수 없다는 것입니다. 리소스 패널에서 동일한 리소스에 대한 여러 요청을 표시 한 경우 한 번만 발생했지만 한 번만 수행하고 다시는 수행하지 않습니다.

Chrome에서 페이지가 자바 스크립트를 통해 수행하는 모든 http 요청을 안정적으로 볼 수있는 방법이 있습니까?

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

현재이 문제를 해결하기 위해 Chrome 옆에 Fiddler를 실행하여 요청을 볼 수 있지만 브라우저 내에서 요청을 수행하는 방법이 있다면 선호합니다.



답변

나는 이것이 오래된 실이라는 것을 알고 있지만 나는 차임 할 것이라고 생각했다.

Chrome에는 현재 솔루션이 내장되어 있습니다.

  1. 사용 CTRL+SHIFT+I(또는 탐색 Current Page Control > Developer > 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

이것은 열려있는 동안 브라우저의 모든 요청에 ​​대한 로그를 보여줍니다


답변

사용 가능한 크롬 버전을 모르지만 ‘Console-Log XMLHttpRequests’설정을 찾았습니다 (Mac의 크롬에서 개발자 도구의 오른쪽 하단 모서리에있는 아이콘 클릭)


답변

DevTools를 열고 F1을 눌러 설정에 액세스하십시오. 콘솔 섹션을 찾아 “Log XMLHttpRequests”확인란을 선택하십시오.

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

일반적으로 네트워크 탭으로 이동하지 않고도 콘솔에서 찾고있는 모든 것을 볼 수 있기 때문에이 방법을 선호합니다.


답변

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


답변

이 게시물에 도움을 주신 모든 분들께 감사드립니다.

우분투 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