Examining AJAX HTTP requests using Web Inspector

Question

Is there an easy way to examine the HTTP GET/POST/OPTIONS/HEAD etc requests being made by jquery ajax calls using WebKit's Web Inspector? I'm hand crafting responses and am looking for a simple way to monitor the back and forth traffic.

Answer 1

I'm not sure that WebInspector is designed to do what you are asking.

I use tcpTrace from PocketSoap. I set my web browser up to use tcpTrace as a proxy. It records all of the traffic going back and forth. Its pretty slick.

Answer 2

You could also use Firebug (a Firefox plugin) or a sniffer like Wireshark (here some example filters for Wireshark).

Answer 3

The Resources tab will show Request/Response headers and the response itself. Were you looking for something else? Using "Sort by Start Time" is probably the most useful setting for watching new requests.