在Chrome开发者工具中查看AJAX响应内容？

Question

传统上我使用 FireBug 来调试 AJAX 请求。它允许您检查请求的内容以及从服务器发回的响应。 （当发生这些情况时，它还会在控制台中通知您，这是 Chrome 似乎缺乏的有用功能）。

在 Chrome 中，我似乎只能查看请求，而不能查看响应。当我尝试检查响应时，UI 仅显示“无可用内容”（开发人员工具 > 资源 > myRequest.php > 内容）。我是否必须打开某些功能才能让 Chrome 开发者工具记住这些请求？

编辑：以防万一，这些请求是在 Flash 对象内发出的。

Answer 1

如果您使用 Google Chrome 的开发频道：

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

...您应该能够在开发人员工具控制台中右键单击，然后单击“启用 XMLHttpRequest 日志记录”。

启用后，您将在控制台中看到 XHR 请求，并且可以单击它们将您带到资源面板，您可以在其中查看 XHR 的内容。

Answer 2

您可能看到的只是 CORS 请求的 OPTIONS 请求被 Google Chrome 检查器视为 XHR 请求。因此，如果您按 XHR 请求进行过滤，您可能只会看到最初的 OPTIONS 预检请求，其响应没有内容，并且会感到困惑，因为 Chrome 似乎拒绝显示响应。禁用过滤器并转到同一 URL 的下一个请求，这很可能是与 CORS 预检请求相对应的“真实”请求。

Answer 3

我遇到了同样的问题：来自 flash 的 POST 请求 + JSON 响应 + Chrome 检查器中没有显示响应。不过FF + FireBug 没问题。

将 charset=utf-8 添加到响应标头中的 Content-Type 解决了我的问题：

Content-Type: application/json; charset=utf-8

我不确定这是否是此问题的正确解决方案，但至少我现在能够在 Chrome Inspector 中看到 JSON 响应。

Answer 4

如果请求是由插件生成的，则 ajax 响应的内容尚不可见。
这个问题有可能很快就会得到解决。

Answer 5

PHP 的解决方案：

原因可能是请求的 url（php 页面）有错误。但由于许多主机已禁用错误输出，您需要在请求的 .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);
    };
})();

Answer 6

打开资源跟踪，然后检查资源选项卡。如果您选中“始终使用资源跟踪”，资源跟踪似乎会工作得更好。

Answer 7

我有空响应，因为脚本发送空数据

die();

Answer 8

在失败回调中，第一个参数有一个名为responseText的属性。

Answer 9

原因不仅是在chrome中，而且甚至可以通过JS代码来停止预览。例如，有一个名为 vue-resorcese 的 Vue.js 插件，它有这个问题：
Chrome，OPTIONS 请求后没有响应数据？
我在这个问题上生活了几个月，直到今天发现了这个问题。目前的问题从未给出答案，所以我现在在这里分享。

细节：
该插件有下一个创建 XHR 对象的代码：

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

该代码正常并且预览有效，但直到一些 chrome 更新。
今天当我评论掉这个的时候，预览又出现了！首先，尝试检查您的 XHR 包装器，可能它有类似的内容。

这是一个罕见的问题，因为它只能通过 CORS 预检来重现。顺便说一句，右键单击 OPTIONS XHR 和 REPLAY 也显示预览。

给你了