Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to see pending AJAX requests with Chrome

A feature I like about Firebug in Firefox is that it shows AJAX requests in progress (before they finish). Chrome, however, won't show a request until it completes. Is there a way to see pending (in progress) network requests with Chrome developer tools? I want to identify as soon as possible any AJAX requests that are causing delays. In some scenarios a bad request may take 15 or 30 seconds and it does not make sense to wait that long to know what is going on.

Please note: I can see the network requests. My question is not how to see network requests.

Edit: I must correct my statement above that Chrome won't show pending requests. It does show them. The specific problem is that pending ajax requests do not show in the Network->XHR panel; they only show there when they are finished. The Network->All panel does show the pending XHR requests.

like image 856
Marquez Avatar asked Apr 07 '14 15:04

Marquez


People also ask

Where is the payload request in Chrome?

# New Payload tab in the Network panel Use the new Payload tab in the Network panel when you inspect a network request with payload. Previously, the payload information is available under the Headers tab.


2 Answers

Press the filter button, and type status-code:0:

pic

Looks like it also includes a few other things like data urls, but it should be good enough.

Update 6/23/2015: the syntax is now "status-code:0", not "StatusCode:0".

like image 105
Isak Avatar answered Nov 03 '22 09:11

Isak


Go to Network > Other tab to see pending requests.

like image 39
rofrol Avatar answered Nov 03 '22 08:11

rofrol