How can I view the protocol used in Chrome developer tools network tab?

Question

The network tab on Chrome developer toolbar is great, but I'd like to see what protocol was used to transfer the resource (HTTP or HTTPS). Anyone knows how I can do this, or if there's an extension to allow me to do something similar.

score 124 · Accepted Answer · answered Jun 28 '16 at 19:27

124

Well, this is 2016 and now you can have a column for protocols in your chrome devtools. All you have to do is:

1) open your networks tab in devtools and right click on any of column headers to open the "select columns" popup

2) select protocol (or any other desired column) for it to appear in the panel

And that's it!

answered Jun 28 '16 at 19:27

zhirzh

3,273
3
25
30

It's 2019 now, everything is https hopefully :D – John Hunt Sep 30 '19 at 08:24
OK, apparently you have to specifically right-click the "Waterfall" column header to change visible columns now... – Dave Feb 11 '20 at 10:06
Ha! The right click had me stumped – Dagmar Feb 02 '22 at 10:25

score 6 · Answer 2 · edited May 23 '17 at 12:34

6

Click on the resource in the "Name" column (on the very left), then select the "Headers" tab. The first line will look like this:

Request URL: How can I view the protocol used in chrome developer tools network tab?

The request url contains the protocol.

edited May 23 '17 at 12:34

Community

1
1

answered Jan 26 '13 at 23:29

thakis

5,405
1
33
33

2

Shame you can't get it in a new column :/ – John Hunt Feb 04 '13 at 12:56
1

A pitty you can't filter by protocol in the network tab :/ – Fernando Jan 26 '16 at 10:09
1

yay recursive answer – Gordon Apr 27 '16 at 22:40
1

now you can. i have shown it in my answer below (the question was marked "answered", but still) http://stackoverflow.com/questions/12213421/how-can-i-view-the-protocol-used-in-chrome-developer-tools-network-tab/38084721#38084721 – zhirzh Jun 28 '16 at 19:28

score 2 · Answer 3 · answered Jan 26 '13 at 22:37

2

You could use the JavaScript console by entering:

location.protocol

This will return you a string of the used network protocol, such as:

"https:"

or

"http:"

answered Jan 26 '13 at 22:37

T.Lange

576
1
4
16

How to retrieve its version using JavaScript? – NaveenKumar Namachivayam Mar 13 '17 at 06:38
7

That's actually the scheme and not the protocol. – brandito Dec 07 '17 at 04:50

How can I view the protocol used in Chrome developer tools network tab?

3 Answers3

Linked