在Chrome中请求监控

Wes*_*s P 200 ajax google-chrome httprequest

在Firefox中,我使用Firebug,它允许我查看我的ajax调用正在进行的每个http请求.我已将我的开发切换到Chrome,并且我很喜欢它.但是,我唯一的抱怨是开发人员工具似乎不允许您查看每个ajax请求.我曾经在资源面板显示对同一资源的多个请求时发生过这种情况,但它只执行了一次,而且再也没有.

有没有办法可以通过Chrome中的javascript可靠地查看页面正在制作的每个http请求?

[编辑:2009年11月30日11:55]

目前,为了解决这个问题,我在Chrome旁边运行Fiddler来查看我的请求,但是如果有办法在浏览器中执行此操作,我会更喜欢这样做.

小智 348

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

Chrome目前内置了一个解决方案.

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

  • 大家好,试着找到"XHR子按钮"我想我可能会错过它,有人可以告诉我它在哪里吗?这就是我的检查员看起来像http://imgur.com/9e6yDcB (3认同)
  • 谢谢菲尔!我把它放在一边,主要依靠提琴手.但是那个XHR按钮就是我想要的:D (2认同)
  • 这似乎只有在AJAX调用获得响应时才会发生,但它不会向您显示可能不期望响应的传出请求.有谁知道如何启用它? (2认同)

Wou*_*ter 57

最新的答案是:它们列在开发人员工具的"网络"按钮下,不再像过去那样位于"资源"之下.

  • 这确实是它现在的位置,在升级后我带着搜索堆栈溢出来找到它. (5认同)

Kar*_*ler 42

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

chrome://net-internals/#events
Run Code Online (Sandbox Code Playgroud)

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


sch*_*max 13

不知道哪个chrome版本可用,但我找到了一个设置'Console - Log XMLHttpRequests'(点击mac上chrome中开发者工具右下角的图标)

  • 这是监控XHR请求的最简单,最好的方法. (3认同)

小智 6

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

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

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