Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 477
Blankman Avatar asked Feb 08 '11 22:02

Blankman


People also ask

How do I see Chrome requests?

In Chrome, visit a URL(such as https://www.google.com ), right click, select Inspect to open the developer tools. Select Network tab. Reload the page, select any HTTP request on the left panel, and the HTTP headers will be displayed on the right panel.


2 Answers

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

  2. Click on the Network Tab:
    Network Tab

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

  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:
    A good XHR request to make :)

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

like image 81
Phrogz Avatar answered Oct 09 '22 11:10

Phrogz


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)

enter image description here

like image 33
T. Webster Avatar answered Oct 09 '22 09:10

T. Webster