In Chrome, how can I see what AJAX requests are being made?

Question

In Chrome, how can I see what AJAX requests are being made?

In Firefox I use Firebug and I can see any background AJAX request that are made.

Answer 1

you can also use liveHTTPHeader, a chrome/firefox extension. it works pretty well.

Answer 2

In new Chrome browsers you can press F12 key or CTRL+SHIFT+I key combinations to view the Developer Tools. From there AJAX/XHR calls can be viewed through Network tab.

Answer 3

Here's what works for me on Linux and Windows 10:

• F12 to open developer tools
• click on the network tab on the top list,
• select XHR (it's circled in image below)

Answer 4

1. Open the developer tools with Ctrl-Shift-i, or via the menu at Wrench/Tools/Developer tools:
   

2. Click on the Network Tab:
   

3. Click on the "XHR" link at the bottom of the list to filter the results to only AJAX requests:
   

4. Click on a request at the left to select it and use the "Headers", "Content", "Cookies" and "Timing" tabs for that request to see more details:
   

You can use the button in the bottom left of the tools to open the tools in their own window if you like.