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

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.

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: https://stackoverflow.com/questions/12213421/how-can-i-view-the-protocol-used-in-chrome-developer-tools-network-tab

The request url contains the protocol.

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:"