47

전통적으로 저는 FireBug를 사용하여 AJAX 요청을 디버깅했습니다. 이 기능을 사용하면 요청 내용과 서버에서 보낸 응답을 모두 검토 할 수 있습니다. (콘솔이 발생하면 콘솔에 알려주므로 Chrome에서 부족한 유용한 기능입니다).Chrome 개발자 도구에서 AJAX 응답 콘텐츠를 봅니다.

크롬에서는 응답이 아닌 요청 만 볼 수있는 것 같습니다. 응답을 조사 할 때 UI는 "No Content Available"(개발자 도구> 리소스> myRequest.php> 내용) 만 표시합니다. Chrome 개발자 도구에서 이러한 요청을 기억하도록하려면 무엇인가를 켜야합니까?

편집 : 중요한 경우, 이러한 요청은 Flash 개체 내에서 이루어집니다.

+1

나는 동일한 문제가 있습니다. 확장 기능이 없습니다. "log XMLHttpRequests"에 체크 표시가되어 있으며 찾을 수있는 모든 제안을 시도했습니다. 파이어 폭스 + 파이어 버그 또는 찰스 프록시를 사용하여 아약스로 모든 디버깅을해야한다. 크롬이 아프지 않으면 아약스 응답을 보는 데 도움이되는 것 같습니다. –

+0

FYI 요청도 플래시 내에서 이루어지고 있으며 응답은 application/json –

답변

4

요청이 플러그인에 의해 생성 된 경우 아직 아약스 응답 내용을 볼 수 없습니다. 이 문제가 곧 해결 될 가능성이 있습니다.

+8

더 이상 사실이 아닙니다. 이 질문에 대한 Masterov의 답변을 참조하십시오. –

+0

[Fiddler 2] (http://fiddler2.com/) - 빠른 설치가 가능하며 무료이며 사용하기 쉽습니다. 유선, 브라우저, 플러그인, 심지어는 응용 프로그램에 이르기까지 * 모든 것을 *보다 자세하게 볼 수있는 다른 응용 프로그램은 없습니다. –

+1

나는 플러그인이 없으며 모든 AJAX 호출에 대해 "이 요청에는 응답 데이터가 없습니다"라는 메시지가 항상 표시됩니다. 대신 firefox + firebug를 사용해야합니다. 그 놀라운 크롬은 아약스 응답을 보는 것을 지원하지 않습니다. –

1

자원 추적을 켠 다음 자원 탭을 확인하십시오. 리소스 추적은 "항상 리소스 추적 사용"을 선택하면 훨씬 잘 작동하는 것 같습니다.

+0

입니다. 리소스 추적 기능이 켜져 있습니다. 요청이 만들어진 것을 볼 수 있으며 요청의 헤더는 내용이 아닙니다. (참고 : 이것은 AJAX 요청에만 적용되며 플래시로 작성된 요청에만 적용될 수 있습니다.) – Ender

+0

이상 하네. 나는 플래시를 사용하지 않는다. 아마 그게 문제 일 것이다. 당신이 아직 없다면, 좀 더 최근에 개발 된 크롬/크롬을 시험해 볼만한 가치가 있을지 모른다. –

83

Google 크롬의 dev에 채널에있는 경우 :

http://www.chromium.org/getting-involved/dev-channel

... 당신이 할 수 있어야 개발자 도구 콘솔에서 마우스 오른쪽 단추로 클릭하고 "XMLHttpRequest의 로깅을 사용하도록 설정"을 클릭합니다.

XHR을 사용하도록 설정하면 콘솔에 XHR 요청이 표시되고이를 클릭하여 리소스 패널로 이동하여 XHR의 콘텐츠를 볼 수 있습니다.

+11

+1 - 이것은 이제 허용 된 대답이어야합니다. 문제는 오래되었습니다. – Mike

+9

이것은 나를 위해 일하지 않았다. XMLHTTPRequest 로깅을 사용할 수 있지만 dev 도구 네트워크 XHR 응답 탭에서 항상 "이 요청에는 응답 데이터가 없습니다"라는 메시지가 표시됩니다. 크롬에서 아약스 응답을 볼 수 없습니다 (최소한 나를 위해). 나는 벌금을 표시하는 방화범을 사용해야한다. –

+2

예, AJAX 함수 이름 만 표시합니다. No data – BenRacicot

0

실패 콜백에서 첫 번째 매개 변수에는 responseText라는 속성이 있습니다.

3

동일한 문제가 발생했습니다. 플래시 + POST 요청 (JSON 응답 + Chrome 관리자에서 응답 없음)이 나타납니다. FF + FireBug는 문제 없습니다.

는 문자 집합 = UTF-8 콘텐츠 유형에 대한 응답 헤더에 나를 위해 문제를 해결 추가 :

콘텐츠 형식 : 응용 프로그램/JSON을; charset = utf-8

이 문제에 대한 적절한 해결책이 아닌 것은 확실하지만 적어도 Chrome Inspector에서 JSON 응답을 볼 수 있습니다.

+0

이렇게하면 나에게도 문제가 해결되었습니다. 누락 된 문자 세트로 인해 데이터가 표시되지 않습니다. – nwinkler

+0

잘 알고 있습니다. Chrome이이 문제를 해결할 수 있기를 바란다. (OS 업그레이드로 인한 다른 관련없는 툴체인) 문제는 내 콘텐츠 유형을 변경할 수 있다는 것이고, 그런 단순한 문제가 그러한 큰 전환을 일으키는 것은 바보 같다. – Michael

+0

불행히도 도움이되지 않았습니다. 이미'Content-Type : application/json; charset = utf-8' – user3479125

1

스크립트가

die(); 
4

에 의해 빈 데이터를 전송하기 때문에 나는 당신이보고 될 수있다하는 것은 오직 구글 크롬 관리자에 의해 XHR 요청으로 처리되는 CORS 요청의 OPTIONS 요청 비어 응답을했다. 따라서 XHR 요청으로 필터링하면 초기 OPTIONS 프리 플라이트 요청 만 볼 수 있으며 응답에는 콘텐츠가 없으며 Chrome이 응답을 표시하기를 거부하기 때문에 혼란스러워합니다. 필터를 비활성화하고 해당 URL에 대한 다음 요청으로 이동하십시오. CORS 프리 플라이트 요청에 해당하는 "실제"요청 일 가능성이 큽니다.

0

이유는 크롬뿐만 아니라 JS 코드로도 미리보기를 중지 할 수 있기 때문입니다. 예를 들어, Vue.js에 대한 플러그인이 있습니다.이 플러그인은 vue-resorcese이며 다음과 같은 문제가 있습니다. Chrome, no response data after OPTIONS request? 오늘이 문제가 발견 될 때까지 몇 달 동안 살았습니다.현재의 질문은 답을주지 못했고, 이제 나는 여기서 그것을 나눕니다.

세부 사항 :

if ('responseType' in xhr && SUPPORTS_BLOB) { 
     xhr.responseType = 'blob'; 
} 

이 코드는 괜찮다고 및 미리보기가 작동하지만 일부 크롬 업데이트 할 때까지 : 이 플러그인은 XHR 객체를 생성 다음 코드를했다. 오늘 내가 이것을 주석 처리했을 때 미리보기가 다시 나타납니다! 먼저 XHR 래퍼를 확인해보십시오.

CORS 프리 플라이트로만 재생 되었기 때문에 드문 문제였습니다. 또한 OPTIONS XHRREPLAY을 마우스 오른쪽 단추로 클릭하면 미리보기가 표시됩니다.

거기 있으니