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.

Solution 1

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.

Solution 2

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

Comments

[Nosredna]

Oh yeah! It does. Just tried it on this page. I never noticed that before. Awesome.

[hshokry]

I think a lot of folks underestimate Web Inspector - without taking anything away from Firebug, it's an impressive tool!

[Nosredna]

I use it. It's just that I don't pay attention as it gets updated. That's the crazy thing about Chrome. Updates happen silently.

[ilasno]

How does one use "Sort by Start Time"? Don't see it anywhere.. (v6.0.4)