在Firefox中,我使用Firebug,它允许我查看我的ajax调用正在发出的每个http请求。我已经把我的开发切换到Chrome,我喜欢它到目前为止。然而,我唯一的不满是开发人员工具似乎不允许您查看每个ajax请求。我曾经遇到过这样的情况,资源面板显示了对同一资源的多个请求,但它只出现过一次,再也没有出现过。

是否有一种方法可以可靠地看到每个http请求,一个页面正在通过javascript从Chrome?

(编辑:11 11/30/09 55)

目前,为了解决这个问题,我在Chrome旁边运行Fiddler来查看我的请求,但如果有一种方法可以从浏览器内部完成,我宁愿这样做。


你可以使用Fiddler,这是一个很好的免费工具。


我知道这是一个老帖子,但我想我应该插话。

Chrome目前有一个内置的解决方案。

Use CTRL+SHIFT+I (or navigate to Current Page Control > Developer > Developer Tools. In the newer versions of Chrome, click the Wrench icon > Tools > Developer Tools.) to enable the Developer Tools. From within the developer tools click on the Network button. If it isn't already, enable it for the session or always. Click the "XHR" sub-button. Initiate an AJAX call. You will see items begin to show up in the left column under "Resources". Click the resource and there are 2 tabs showing the headers and return content.


对此,最新的答案是:它们被列在开发工具的“网络”按钮下,而不再像以前那样列在“资源”下。


不知道在哪个chrome版本这是可用的,但我发现了一个设置“控制台-日志XMLHttpRequests”(点击在chrome的开发者工具右下角的图标)


你也可以在浏览器的页面上右击,选择“Inspect Element”来调出开发人员工具。

https://developer.chrome.com/devtools


更新

Chrome改变了如何检查请求,并建议现在使用弹射网络日志查看器的日志从Chrome://net-export/

chrome://net-export/

更多信息

旧Chrome版本

你也可以在Chrome中使用这个链接来获得比检查器更详细的信息。

chrome://net-internals/#events

这将显示浏览器打开时所有请求的日志


感谢所有试图在这篇文章中提供帮助的人

我的ubuntu版本是13.10,chrome版本是34.0

对于我的情况,这是可行的

1.open developer tools in chrome(or use right click on your page and then select inspect element)
2.go to "Network" tab
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

现在你应该在你的请求前看到一个新的面板

in this panel select "Response" tab

在Phil的第5步中,“资源”在新版本的Chrome中不再可用。您需要单击Ajax页面旁边的页面图标,该页面列在底部窗格中,包括名称、方法、状态、…

然后,它将向您显示更多的面板,您将在其中找到错误消息。


打开你的DevTools并按F1进入设置。寻找控制台部分并选中“Log XMLHttpRequests”的复选框。

现在所有ajax和其他类似的请求都将被记录在控制台中。

我更喜欢这种方法,因为它通常允许我在控制台中看到我正在寻找的一切,而不必去到网络选项卡。