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

And that's it!

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.

google-chrome url-scheme web-inspector

You could use the JavaScript console by entering:

location.protocol

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

CodeHunter