9

我正在寻找可以让我看到所有 AJAX 子请求的东西(最好是 Firefox 扩展)。基本上,每当创建 XMLHTTPRequest() 时,我都想知道请求的 URL 以及随之传递的 GET 和 POST 变量(如果有的话)。

除非我错过了它,否则我在 Firebug 或 Web Developer Toolbar 中看不到任何类似的东西。

(如果你很好奇,想要这个的主要原因是我想抓取一个使用 JS 加载其所有内容的网站的本地副本,我不想花几个小时挖掘他们的 JS 代码当我可以看到正在发出的子请求时。)

4

5 回答 5

29

Firebug应该在 Net 面板中显示它。

编辑:此外,如果 Firebug 以一种使其无法使用的方式减慢 Firefox 的速度,就像有时对我一样,WireShark(以前称为 Ethereal)将分析您系统上的所有网络流量,包括 HTTP 和 AJAX 请求。

于 2009-05-26T15:13:39.083 回答
10

Fiddler 2是一个很好的查看 HTTP 流量的工具。

* 2014 年更新 *

自从我发表最初的帖子以来,Internet Explorer 和 Chrome 都添加了非常有用的内置开发人员工具。虽然我仍然支持和使用 Fiddler 进行非 Web 相关的 http 监控,或者当我需要真正深入挖掘并修改传输中的请求时,这些天我发现自己几乎使用 IE 或 Chrome 的内置工具,因为它们足以满足 99%我的需要。它们都有一个网络选项卡,您可以在其中监视 http 请求,以及用于调试网页的其他漂亮功能。

于 2009-05-26T15:13:55.713 回答
7

我已经使用了几乎所有的大工具(fiddler、firebug、httpfox、live http headers)。如果您使用的是 Firefox ,我认为最好的一个是HTTPFox,因为它具有简单的过滤功能,允许您以原始或格式化的方式查看请求/响应的 JSON,并且整个界面非常干净。

此外,我不能没有WFetch来测试 Web 服务和 AJAX 的东西。通常我会接受来自 HTTPFox 的请求并将其粘贴到 WFetch 中。这样我就不必每次都通过浏览器。我只是在 WFetch 中按 F5 来重放请求,然后直接修改请求。

旁注:在 WFetch 中,如果您有 POST 有效负载,请注意内容长度。如果您修改有效负载,则需要根据需要更改内容长度。出于这个原因,我将我的请求保存在一个文件中,并将 WFetch 指向该文件。在文件本身中,很容易知道行的长度并将内容长度更改为该长度。

替代文字
(来源:koreus.com

替代文字 http://www.port80software.com/assets/images/ld_wfetch3.gif

于 2009-05-26T15:16:59.747 回答
6

Firebug 在 Net 面板和 Console 视图中显示它们。不过,您需要打开“显示 XMLHttpRequests”。

于 2009-05-26T15:15:21.420 回答
2

还可以查看 Tamper Data。这是一个 Firefox 附加组件,可让您查看每个单独的 HTTP 请求(包括任何发布数据)和响应,以及两者的标头。我发现它对于调试 AJAX 问题非常有用……尽管 Firebug 工作得很好。

于 2009-05-26T15:22:53.730 回答