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

Question

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

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

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

Answer 1

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

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

Answer 2

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

*2014年更新*

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

• Internet Explorer F12工具简介
• Chrome的F12工具的文档
• 如果您使用FireFox,上面提到的FireBug也是一个很好的工具.

Answer 3

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

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

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

alt text http://blog.koreus.com/wp-content/uploads/2008/09/httpfox.png

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

Answer 4

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