什么是一种简单的方法来查看正在进行的AJAX调用?

时间:2009-05-26 15:12:43

标签: javascript ajax debugging xmlhttprequest

我正在寻找能够查看所有AJAX子请求的东西(最好是Firefox扩展程序)。基本上,无论何时生成XMLHTTPRequest(),我都想知道正在请求什么URL以及与它一起传递了什么(如果有的话)GET和POST变量。

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

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

5 个答案:

答案 0 :(得分:29)

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

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

答案 1 :(得分:10)

Fiddler 2是观看HTTP流量的绝佳工具。

* 2014年更新*

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

答案 2 :(得分:7)

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

另外,我不能没有WFetch来测试Web服务和AJAX的东西。通常我会从HTTPFox接收请求并将其粘贴到WFetch中。这样我每次都不必浏览浏览器。我只是在WFetch中点击F5重播请求,我直接修改了请求。

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

alt text
(来源:koreus.com

alt text http://www.port80software.com/assets/images/ld_wfetch3.gif

答案 3 :(得分:6)

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

答案 4 :(得分:2)

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