문제

Firefox에서는 Firebug를 사용하여 Ajax 통화가 제기하는 모든 HTTP 요청을 볼 수 있습니다. 나는 내 개발을 Chrome으로 전환했고 지금까지 그것을 좋아하고 있습니다. 그러나 내 유일한 불만은 개발자 도구가 각 AJAX 요청을 볼 수 없다는 것입니다. 리소스 패널이 동일한 리소스에 여러 요청을 보여준 곳에서 한 번만 발생했지만 다시는 한 번만 수행되지 않았습니다.

Chrome 내에서 JavaScript를 통해 페이지가 제작하는 모든 HTTP 요청을 안정적으로 볼 수있는 방법이 있습니까?

편집 : 11/30/09 11:55

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

도움이 되었습니까?

해결책

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

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

  1. 사용 CTRL+SHIFT+I (또는 탐색 Current Page Control > Developer > Developer Tools. 최신 버전의 Chrome에서 렌치 아이콘> 도구> 개발자 도구를 클릭하여 개발자 도구를 활성화하십시오.
  2. 개발자 도구 내에서 Network 단추. 아직 그렇지 않은 경우 세션을 위해 또는 항상 활성화하십시오.
  3. 클릭하십시오 "XHR" 서브 버튼.
  4. 시작하십시오 AJAX call.
  5. 아래의 왼쪽 열에 항목이 나타나기 시작하는 것을 볼 수 있습니다. "Resources".
  6. 리소스를 클릭하면 헤더 및 반환 내용을 보여주는 2 개의 탭이 있습니다.

다른 팁

이에 대한 최신 답변은 다음과 같습니다. 개발자 도구의 '네트워크'버튼 아래에 나열되어 있으며 더 이상 예전처럼 '리소스'아래에 있지 않습니다.

또한 검사관이 한 것보다 더 자세한 정보를 위해이 링크를 Chrome에서 사용할 수도 있습니다.

chrome://net-internals/#events

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

어떤 Chrome 버전을 사용할 수 있는지 알 수 없지만 '콘솔 - 로그 xmlhttprequests'를 찾았습니다 (Mac의 Chrome에서 개발자 도구의 오른쪽 하단에있는 아이콘을 클릭).

DevTools를 열고 F1을 눌러 설정에 액세스하십시오. 콘솔 섹션을 찾아 "로그 xmlhttprequests"에 대한 확인란을 확인하십시오.

이제 모든 AJAX 및 기타 유사한 요청이 콘솔에 로그인됩니다.

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

당신은 사용할 수 있습니다 바이올리니스트 좋은 무료 도구입니다.

이 게시물에서 도와 주려는 모든 사람에게 감사합니다.

우분투 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에서 사용할 수 없습니다. 이름, 메소드, 상태,

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

브라우저의 페이지를 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 선택하여 개발자 도구를 제기 할 수도 있습니다.

https://developer.chrome.com/devtools

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top