2009-11-30 181 views
186

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

有没有一种方法可以通过Chrome内部的JavaScript可靠地查看页面正在制作的每个http请求?

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

目前,要解决这个问题,我跑提琴手未来Chrome浏览器来查看我的要求,但如果有一种方法可以从内部做浏览器,我更喜欢这个。

+2

我有同样的问题 - 已经尝试了所有的解决方案。开发工具中的XHR窗口的Response部分中没有显示任何内容。它只是显示“此请求没有可用的响应数据”。如果我使用萤火虫运行相同的代码,它显示很好。在cog开发工具设置中,我尝试了勾选“Log XMLHttpRequest”,但这没有帮助(响应类型是application/json)。我必须在萤火虫中进行所有的调试。 Firebug也可以很好地格式化JSON,如果你可以让它显示响应(例如不使用ajax),chrome开发工具不会。 – 2013-06-12 12:09:40

回答

320

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

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

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

谢谢Phil!我把它放在一边,主要依靠小提琴手。但是XHR按钮就是我在寻找的东西:D – 2010-06-11 19:10:53

+0

就在昨天我说的是,如果镀铬工具可以做到这一点,那将是完美的,谢谢。 – GerManson 2011-09-06 14:38:29

+0

如果有其他人这样做:我点击了“名称”列以先排序并忘记,稍后,由于按字母顺序排序,某些新请求会跳到列表的中间位置。我必须刷新页面才能退出。 – 2014-01-08 17:57:17

4

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

+1

是的,我有提琴手,这是我用来做到这一点。只是想从浏览器中寻找一种方法,因为它更方便一些。 – 2009-11-30 16:55:04

+0

Ahh ok帮不了我很抱歉祝你好运 – JoshBerke 2009-11-30 16:57:28

52

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

+4

这确实是它现在的位置,在我升级后,让我搜索堆栈溢出找到它。 – Kzqai 2011-04-01 20:00:52

12

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

+2

这是监控XHR请求的最简单和最好的方法。 – CourtDemone 2014-04-16 00:03:47

34

你比检查做了也可以使用Chrome打开此链接更详细的信息。

chrome://net-internals/#events 

这显示了浏览器的所有请求的日志,同时开放

+0

你可以导出吗? – Pacerier 2017-10-11 20:43:52

3

感谢所有的人谁试图在这个岗位

帮助我的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 
1

在5菲尔的一步,“资源”不再可用在Chrome的新版本中。您需要点击页面图标旁边正好与名称,方法,状态的列底部窗格中列出的Ajax页面,...

然后,它会告诉你更多的面板,你会发现错误消息。

4

打开DevTools并按F1访问设置。查找控制台部分并选中“Log XMLHttpRequests”复选框。

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

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