219

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

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

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

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

4

9 回答 9

372

我知道这是一个旧线程，但我想我会插话。

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

  1. 使用CTRL+SHIFT+I（或导航至Current Page Control > Developer > Developer Tools。在较新版本的 Chrome 中，单击扳手图标 > 工具 > 开发者工具。）启用开发者工具。
  2. 在开发人员工具中单击该Network按钮。如果还没有，请为会话启用它或始终启用它。
  3. 单击"XHR"子按钮。
  4. 发起一个AJAX call.
  5. 您将看到项目开始显示在左栏中的 下方"Resources"。
  6. 单击资源，有 2 个选项卡显示标题和返回内容。
于 2010-06-10T22:46:06.947 回答
58

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

于 2011-03-03T11:18:02.033 回答
44

更新

Chrome 更改了检查请求的方式，并建议现在将Catapult Netlog 查看器与从chrome://net-export/导出的日志一起使用

chrome://net-export/

更多信息

旧 Chrome 版本

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

chrome://net-internals/#events

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

于 2014-05-19T09:01:48.433 回答
15

不知道哪个 chrome 版本可用，但我找到了一个设置“控制台 - 记录 XMLHttpRequests”（在 Mac 上的 chrome 中单击开发人员工具右下角的图标）

于 2012-01-13T15:16:25.313 回答
6

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

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

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

于 2016-12-01T21:31:19.557 回答
4

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

于 2009-11-30T16:46:49.977 回答
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
于 2014-05-21T10:15:25.690 回答
1

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

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

于 2016-01-19T06:35:48.883 回答
0

您也可以在浏览器中右键单击页面并选择“检查元素”以调出开发人员工具。

https://developer.chrome.com/devtools

于 2014-03-01T18:27:43.823 回答