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

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

enter image description here

And that's it!

enter image description here

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.

Related