Chrome inspector does not show network requests path and etc

Question

I use AJAX and want to visit its behaivour while sending request to server through Chrome Inspector. When I switch to Network tab of inspector, requests not listing there.

example

Edit

Inspector is open and network tab is active, now I'll do something to trigger ajax request, but no report in inspector. I mean the situation is fully ready for inspector to show results, but some configuration should be changed.

Did the AJAX request happen before or after you switched to the Network tab? The network tab only records activity that happens after you bring it up. — Michael Aaron Safyan, Jul 13 '15 at 08:59
@MichaelAaronSafyan thanks for answer, yes inspector is open and network tab is active, now I'll do something to trigger ajax request, but no report in inspector — Hossein Shahsahebi, Jul 13 '15 at 09:05
Can you confirm that your instance of Chrome doesn't return anything in the Network tab from this page: http://jsfiddle.net/clickthelink/Uwcuz/1/ — Irvin Lim, Jul 13 '15 at 09:12
@IrvinLim thanks for answer, again as my screenshot just show it's diagram and status bar at bottom of page. But no result or report for the path, status, domain and etc. — Hossein Shahsahebi, Jul 13 '15 at 09:22

score 242 · Accepted Answer · answered Jul 16 '15 at 14:03

242

As I said some configuration changed. All I need to do is click on filter icon (it's active when it's color is blue).
And then select the type of request I want to see. Default option is to select All or just to visit xhr request, select xhr.

enter image description here

answered Jul 16 '15 at 14:03

Hossein Shahsahebi

6,348
5
24
38

7

The problem with filter's is that they are active all the time. Disabling the filter icon will just hide the filtering bar and nothing else. – thoredge Nov 23 '15 at 09:24
1

Yes and we need it to change file type requested – Hossein Shahsahebi Nov 23 '15 at 10:09
1

my filter icon is always red even after clicking on it. Any other option to make it blue? – Kurkula Dec 03 '17 at 03:52
1

@Kurkula sorry I saw this late but for future users, in the newer version of Google Chrome, it seems the filter icon is red always. But no difference. If the filter is active you'll see a nav bar above request list – Hossein Shahsahebi Jul 23 '18 at 17:43
5

in the picture above XHR is selected, please select ALL to see all the requests – Rajneesh Kumar Gobin Jan 31 '19 at 10:38
Oh, that is so dumb... I've been using Chrome for years, and suddenly, this had a Filter set to JS (which I never use). What the hell ?!!! Thanks for the tip, much appreciated. – Mike Gledhill Mar 24 '21 at 13:16
it works fine.. – Abru007 Feb 13 '22 at 07:02
This is definitely very unrecognizable. Prolly 'FILTER ICON' that we use today is not good enough. – kispi Jan 31 '23 at 03:30

SATISH RAJNALE · Answer 2 · 2022-04-19T19:16:01.673

139

Just simple trick if any one of the above solution doesn't work then follow below steps

1: Go to inspect tab

2: click on setting icon as show below

3: Preference -> Click on Restore default and reload button see the image for reference

edited Apr 19 '22 at 19:16

answered Jul 06 '21 at 12:05

SATISH RAJNALE

1,451
1
6
8

score 29 · Answer 3 · answered Apr 12 '21 at 21:43

29

Be sure that there is nothing in the Filter field.

answered Apr 12 '21 at 21:43

mustapha mekhatria

3,495
1
20
26

Had a space here... Thanks a lot! – Vitalii Jul 07 '23 at 06:57

score 17 · Answer 4 · answered May 10 '20 at 06:01

17

As showed in the screenshots above

1.press 'F12 key' and go network menu and check if your Has blocked cookies is checked or not
if checked and then uncheck it and refresh using F5.

I hope this might helps you....

answered May 10 '20 at 06:01

Raman Sharma

241
4
11

score 14 · Answer 5 · edited Feb 12 '20 at 14:12

14

As showed in the screenshots sequence above

press 'F12 key' and go network menu click on 'Filter Icon'
uncheck "Only show requests with SameSite issues" checkbox
reload chrome browser by pressing 'F5 Key'

edited Feb 12 '20 at 14:12

Roberto Caboni

7,252
10
25
39

answered Feb 12 '20 at 11:16

brajesh

151
1
2

Thanks, it's kinda confusing because that filter icon does not visually change when toggling the bar. – Nik Feb 18 '22 at 18:36

score 8 · Answer 6 · answered Jun 26 '19 at 10:43

8

In my case, I had mistakenly typed some character in the filter search box. CLearing the filter box worked fine.

answered Jun 26 '19 at 10:43

Milan Paudyal

519
9
11

2

This was my issue. Clearing out the filter box also made the filter icon turn blue (the desired color). – JamesQMurphy Oct 10 '20 at 20:41

score 8 · Answer 7 · edited Jul 28 '20 at 13:32

8

Press F12 and go to network menu click on 'Filter Icon'
See if any among "Hide data URLs" , "Has blocked cookies" and "Blocked Requests" is checked, uncheck it.
reload chrome browser by pressing F5

edited Jul 28 '20 at 13:32

answered Jul 28 '20 at 12:56

Nilesh

81
1
1

score 8 · Answer 8 · edited Feb 12 '21 at 10:22

8

hello i was trying to develop a form page with php and ajax and i faced the same problem. The filter input box above looked 0.5 by default. When I cleared the filter input box the problem was resolved and I could see the requests.

enter image description here

edited Feb 12 '21 at 10:22

Paolo Mossini

1,064
2
15
23

answered Feb 10 '21 at 08:24

Mehmet Efe Aydın

99
1
2

score 7 · Answer 9 · answered Jul 15 '21 at 08:18

7

In my case, i typed something in filter box and forgot about it, it remained there even after restarting pc several times, had to remove it to see all the network requests again.

answered Jul 15 '21 at 08:18

Kritish Bhattarai

1,501
15
20

score 2 · Answer 10 · answered Dec 22 '17 at 07:24

2

Next to the filter box, there is an option to check/uncheck "Hide data URLs". If it is selected, filter would appear RED.

answered Dec 22 '17 at 07:24

PRK

63
3

score 2 · Answer 11 · answered Dec 25 '19 at 15:22

In my case for Chromium, the solutions was to tick the "Preserve log" checkbox in the filter toolbar. The error I am hunting for is of 404 HTTP-code type and Chromium hides the log line, then reloads and shows the Chromium default error page, along with filling the log pane with lines about loading the some data-url images.

score 2 · Answer 12 · answered Feb 10 '23 at 12:30

I had this issue where the time filter was unable to get earlier events. I think this is because the width of the waterfall dragger was obscuring the filter.

An easy workaround is to download the HAR file (see the down arrow) and then open a new tab and then re-upload. Cleared all of those annoying filters and I was able to see those early network calls again.

score 1 · Answer 13 · edited Dec 29 '21 at 12:22

1

If the filter icon is red. Click the icon then select "all" in the filtering bar. You will only see js files. Refresh your url and you will see all the files.

The icon will also turn blue.

edited Dec 29 '21 at 12:22

Nimantha

6,405
6
28
69

answered Dec 29 '21 at 09:24

Mohamed Ahmed

77
6

score 0 · Answer 14 · answered Jun 16 '21 at 10:34

0

For me, nothing was present in the Filters box, but the JS option was selected.

Selecting the 'All' option will start showing all the requests.

answered Jun 16 '21 at 10:34

Gru

817
13
20

score 0 · Answer 15 · answered Oct 04 '21 at 22:12

0

Also, check if the option "All" is selected or you are checking for a specific type for select multiple types next to Filter box

answered Oct 04 '21 at 22:12

Lakshmi

1

score 0 · Answer 16 · edited Dec 16 '21 at 22:29

0

find word in filter search bar

This can be one of the case, I entered ctrl+f to find some word on screen but it had searched in dev-tool search bar and listed only calls that had searched phrase in it.Clearing search filter in dev tool helped in my case. note: the filer is persistent even if you open new window or even tab.

edited Dec 16 '21 at 22:29

Peter Csala

17,736
16
35
75

answered Dec 16 '21 at 17:26

Z Warrior

11
1

score 0 · Answer 17 · answered Apr 06 '22 at 07:01

0

This worked for me by select "All" in the developers tool page.

answered Apr 06 '22 at 07:01

C Raghava

9
1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Apr 06 '22 at 09:09

score 0 · Answer 18 · answered Dec 14 '22 at 07:30

0

For users using modern javascript libraries such as React JS, Please check the Fetch/XHR tab. I've attached a picture for you to look over.

answered Dec 14 '22 at 07:30

iC7Zi

1,528
2
15
21

Chrome inspector does not show network requests path and etc

18 Answers18