传统上我使用FireBug来调试我的AJAX请求。它使您能够检查请求内容以及从服务器发送回来的响应。(它还在控制台中通知您这些事件的发生，这是一项有用的功能，Chrome似乎缺少这个功能)。
在Chrome中，我只能查看请求，而不能查看响应。当我尝试检查响应时，UI只显示“没有可用内容”(Developer Tools > Resources > myRequest.php > Content) 。我需要打开什么东西让Chrome开发者工具记录这些请求吗？
编辑：如果有影响，请注意，这些请求是在Flash对象内进行的。
如果您正在使用 Google Chrome 的 dev 通道：
http://www.chromium.org/getting-involved/dev-channel
......您应该可以在开发者工具控制台中右键单击，然后点击“启用 XMLHttpRequest 日志记录”。
一旦启用，您将在控制台中看到 XHR 请求，并能够点击它们以进入资源面板，在那里您将能够查看 XHR 的内容。
OPTIONS请求，在Google Chrome检查器中被视为XHR请求。因此，如果你按XHR请求进行过滤，你可能只会看到最初的OPTIONS预检请求，其响应没有内容，会感到困惑，因为似乎Chrome拒绝显示响应。禁用过滤器并转到相同URL的下一个请求，很可能是对应于该CORS预检请求的“真实”请求。Content-Type: application/json; charset=utf-8。 - Ivan Borshchov如果请求是由插件生成的，ajax响应的内容目前还不可见。有一些可能性，这个问题很快就会被解决。
可能的原因是请求的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);
};
})();
打开资源跟踪，然后检查资源选项卡。如果您勾选“始终使用资源跟踪”，资源跟踪似乎会更好地工作。
die();
原因可能不仅在于Chrome本身，也有可能是由JS代码阻止了预览。例如，有一个名为Vue.js的插件叫做vue-resorcese，它曾经出现过这个问题：
Chrome, no response data after OPTIONS request?
我曾经忍受了几个月，直到今天找到了这个问题。当前的问题没有给出答案，所以我现在在这里分享一下。
详情： 这个插件有以下代码来创建XHR对象：
if ('responseType' in xhr && SUPPORTS_BLOB) {
xhr.responseType = 'blob';
}
这段代码之前是可以的，预览也能正常工作，但在某次 Chrome 更新后出现了问题。今天当我将其注释掉后，预览又恢复了！所以首先，请检查您的 XHR 包装器，可能有类似的问题。
这是一个罕见的问题，因为它只在 CORS 预检时才会重现。顺便说一下，在 OPTIONS XHR 上右键单击和选择 REPLAY 也可以显示预览。
就是这样。