在Chrome开发人员工具中查看AJAX响应内容?

传统上我使用FireBug来debugging我的AJAX请求。 它允许您检查请求的内容以及从服务器发回的响应。 (它也会在控制台中通知你这些事情发生的时间,这是Chrome似乎缺乏的一个有用的function)。

在Chrome中,我似乎只能查看请求,而不是响应。 当我尝试检查响应时,UI只显示“No Content Available”(开发工具>资源> myRequest.php>内容)。 我是否需要开启某些function才能使Chrome开发人员工具记住这些请求?

编辑:万一它很重要,这些请求正在一个Flash对象内进行。

如果请求是由插件生成的,则Ajax响应的内容不可见。 这个问题很快就会被解决。

如果您位于Google Chrome的开发者频道,请执行以下操作:

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

…您应该能够在Developer Tools控制台中右键单击,然后单击“启用XMLHttpRequest日志logging”。

一旦启用,您将在控制台中看到XHR请求,并能够点击它们将您带到资源面板,在那里您将能够看到XHR的内容。

您可能会看到只有Google Chrome检查员将CORS请求的OPTIONS请求视为XHR请求。 因此,如果您通过XHR请求进行筛选,则您可能只会看到最初的OPTIONS预检请求,其响应没有内容,因为Chrome似乎拒绝显示响应而感到困惑。 禁用filter,然后转到下一个请求那个相同的URL,这很可能是对应于该CORS预检请求的“真实”请求。

我遇到了同样的问题:来自Flash + JSON响应的POST请求+在Chrome检查器中显示没有响应。 虽然FF + FireBug没有问题。

在响应头文件中添加charset = utf-8到Content-Type解决了我的问题:

Content-Type:application / json; 字符集= utf-8的

我不知道这是否是这个问题的正确解决scheme,但至less我现在能够在Chrome Inspector中看到JSON响应。

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

我有空的回应,因为脚本正在发送空数据

 die(); 

在失败callback中,第一个参数有一个名为responseText的属性。

原因不仅在于Chrome,而且JS代码也可以停止预览。 例如, Vue.js名为vue-resorcese插件,它有这个问题: Chrome,OPTIONS请求后没有响应数据? 我在这个问题上住了几个月,直到今天发现这个问题。 目前的问题从来没有给出答案,所以我现在在这里分享。

细节:这个插件有创buildXHR对象的下一个代码:

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

此代码是可以的,预览工作,但直到一些铬更新。 今天当我评论这个,预览再次出现! 所以首先尝试检查一下你的XHR包装器,可能是这样的。

这是罕见的问题,因为它只是用CORS预检复制的。 右键点击OPTIONS XHRREPLAY也显示预览。

你有它