在Chrome中请求监控

在Firefox中,我使用Firebug,它允许我查看我的ajax调用正在做的每个http请求。 我已经将我的开发切换到了Chrome,并且很喜欢它。 我唯一的抱怨是,开发人员工具似乎不允许你查看每个Ajax请求。 在“资源”面板向同一个资源显示多个请求的地方,我曾经遇到过这种情况,但只做过一次,永远不会。

有没有一种方法可以可靠地看到每个http请求,通过从内部的Chrome浏览器的页面?

[编辑:11/30/09 11:55]

目前,为了解决这个问题,我使用Chrome旁边的Fiddler来查看我的请求,但是如果有一种方法可以在浏览器中执行,我更喜欢。

我知道这是一个古老的线程,但我想我会插话。

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

  1. 使用CTRL+SHIFT+I (或导航到Current Page Control > Developer > Developer Tools 。在更新版本的Chrome中,单击扳手图标>工具>开发人员工具)启用开发人员工具。
  2. 在开发者工具内,点击Networkbutton。 如果尚未启用,则始终启用该会话。
  3. 点击"XHR"子button。
  4. 启动一个AJAX call
  5. 您将看到项目开始出现在"Resources"下的左栏中。
  6. 点击资源,有2个标签显示标题和返回内容。

最新的答案是:它们被列在开发者工具的“networking”button下,不再像以前那样在“资源”之下。

您也可以在Chrome中使用此链接,获取比检查员所做的更详细的信息。

 chrome://net-internals/#events 

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

不知道这是可用的铬版本,但我发现了一个设置“控制台 – 日志XMLHttpRequests”(点击开发人员工具的铬在Mac上右下angular的图标)

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

感谢所有在这篇文章中帮助的人

我有Ubuntu 13.10和我的铬版本是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”checkbox。

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

我更喜欢这种方法,因为它通常允许我在控制台中查看所有要查找的内容,而无需转到networking选项卡。

您也可以右键点击浏览器中的页面并select“检查元素”来调出开发者工具。

https://developer.chrome.com/devtools