Chrome 개발자 도구에서 AJAX 응답 컨텐츠를 보시겠습니까?

Chrome 개발자 도구에서 AJAX 응답 컨텐츠를 보시겠습니까?

기존에는 FireBug를 사용하여 AJAX 요청을 디버깅합니다.이를 통해 요청 내용과 서버에서 반환된 응답을 모두 검사할 수 있습니다.(또한 Chrome에는 없는 것처럼 보이는 유용한 기능도 콘솔에 알립니다).

Chrome에서는 응답은 볼 수 없고 요청만 볼 수 있는 것 같습니다.응답을 확인하려고 하면 UI에 "No Content Available"(사용 가능한 콘텐츠 없음)(개발자 도구)> [ Resources ]> [ myRequest ]가 표시됩니다.php > 콘텐츠).Chrome 개발자 도구가 이러한 요청을 기억하도록 하려면 무언가를 켜야 합니까?

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

Google Chrome 개발 채널에 있는 경우:

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

...Developer Tools 콘솔에서 마우스 오른쪽 버튼을 클릭하여 "XMLHttpRequest 로깅 활성화"를 클릭합니다.

활성화되면 콘솔에 XHR 요청이 표시되고 해당 요청을 클릭하여 리소스 패널로 이동할 수 있습니다. 여기서 XHR의 내용을 볼 수 있습니다.

지금 보고 계신 건OPTIONSGoogle Chrome 검사관에 의해 XHR 요청으로 처리되는 CORS 요청 요청.따라서 XHR 요청으로 필터링할 경우 응답에 콘텐츠가 없는 초기 OPTIONS 사전 실행 요청만 보고 Chrome이 응답 표시를 거부하는 것처럼 보여 혼란스러울 수 있습니다.필터를 디세블로 하고, 같은 URL 의 다음의 요구로 이동합니다.이 요구는, 대부분의 경우, 그 CORS 프리 플라이트 요구에 대응하는 「실제」요구입니다.

같은 문제가 발생했습니다.플래시로부터의 POST 요구 + JSON 응답 + Chrome 인스펙터에 응답이 표시되지 않습니다.FF+FireBug는 문제 없습니다.

응답 헤더의 Content-Type에 charset=utf-8을 추가하면 문제가 해결되었습니다.

콘텐츠 유형: 어플리케이션/json; charset=utf-8

이것이 적절한 해결책인지는 모르겠지만, 적어도 Chrome Inspector에서 JSON 응답을 볼 수 있습니다.

요청이 플러그인에 의해 생성된 경우 아직 Ajax 응답의 내용이 표시되지 않습니다.이 문제는 곧 해결될 가능성이 있습니다.

리소스 추적을 설정한 다음 리소스 탭을 확인합니다."항상 리소스 추적 사용"을 선택하면 리소스 추적 기능이 훨씬 더 잘 작동하는 것 같습니다.

스크립트가 빈 데이터를 전송하고 있기 때문에 빈 응답을 받았습니다.

die();

★★의 :PHP:

requested-url(php 페이지)에 오류가 있는 것이 원인일 수 있습니다.다만, 많은 호스트에서는 에러 출력이 디세블이 되어 있기 때문에, 요구된 파일(파일 상부에 배치)로 그것을 유효하게 할 필요가 있습니다.

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

그 후, 거기에 응답이 표시됩니다.

---

프런트 엔드 대응 솔루션:

브라우저 콘솔에서 다음 코드를 실행하면 빠른 디버깅이 수행될 수 있습니다.

(function() {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        this.addEventListener('load', function() {
            console.log(this);
        });
        origOpen.apply(this, arguments);
    };
})();

실패 콜백의 첫 번째 파라미터에는 responseText라는 속성이 있습니다.

원인은 크롬뿐 아니라 JS 코드로도 프리뷰를 정지할 수 있습니다.예를 들어 다음과 같은 플러그인이 있습니다.Vue.js라고 하는vue-resorcese, 그리고 다음과 같은 문제가 있었습니다.크롬, OPTIONS 요청 후 응답 데이터가 없습니다.나는 오늘 그 질문을 찾을 때까지 몇 달 동안 이 문제를 안고 살았다.현재의 질문에서는 답이 나오지 않았기 때문에, 여기서 공유합니다.

세부 정보: 이 플러그인에는 XHR 개체를 생성하는 다음 코드가 있습니다.

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

이 코드는 정상이었고, 미리보기는 작동했지만 크롬 업데이트가 있을 때까지 작동했습니다.오늘 제가 댓글을 달았더니 다시 프리뷰가 떴어요!먼저 XHR 래퍼에 이런 것이 있는지 확인해 보십시오.

BTW BTW 우클릭OPTIONS XHR ★★★★★★★★★★★★★★★★★」REPLAY프리뷰도 보여줬어요

바로 그겁니다.

언급URL : https://stackoverflow.com/questions/3200329/view-ajax-response-content-in-chrome-developer-tools