•  10-07-2019
  •  | 
  •  

题

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

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

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

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

有帮助吗？

解决方案

我知道这是一个老话题，但我想我会插话。

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

  1. 使用CTRL+SHIFT+I（或导航至Current Page Control > Developer > Developer Tools。在较新版本的Chrome中，单击扳手图标<！> gt;工具<！> gt;开发者工具。）以启用开发人员工具。
  2. 在开发者工具中点击Network按钮。如果尚未启用，请为会话启用它或始终启用它。
  3. 单击"XHR"子按钮。
  4. 发起AJAX call。
  5. 您会看到项目开始显示在"Resources"下的左栏中。
  6. 点击资源，有2个标签显示标题并返回内容。

其他提示

最新的答案是：它们列在开发人员工具的“网络”按钮下，不再像过去那样位于“资源”下。

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

chrome://net-internals/#events

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

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

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

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

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

您可以使用 Fiddler ，这是一款优秀的免费工具。

感谢所有尝试在此帖子中提供帮助的人

我有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步中，<！> quot; Resources <！> quot;新版本的Chrome中不再提供此功能。您需要单击底部窗格中列出的Ajax页面旁边的页面图标，其中包含名称，方法，状态等列......

然后它会显示更多面板，您可以在其中找到错误消息。

您也可以右键单击浏览器中的页面，然后选择<！>“; Inspect Element <！>”;提出开发者工具。

https://developer.chrome.com/devtools

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top