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

google-chrome networking web
John Hunt picture John Hunt · Aug 31, 2012 · Viewed 22.9k times · Source

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 know how I can do this, or if there's an extension to allow me to do something similar.

Thanks!

Answer

zhirzh picture zhirzh · Jun 28, 2016

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

Related questions

preconnect vs dns-prefetch resource hints

https://www.w3.org/TR/resource-hints/ If I understand correctly, both are used to initiate an early connection to load resources faster at a later time. preconnect is just doing "more". Apart from a better browser support, is there any …

Read More
Export data from Chrome developer tool

Network analysis by Chrome when page loads I would like to export this data to Microsoft Excel so that I will have a list of similar data when loaded at diffrent times. Loading a page one time doesn't really tell …

Read More
Chrome hangs after certain amount of data transfered - waiting for available socket

I've got a browser game and I have recently started adding audio to the game. Chrome does not load the whole page and gets stuck at "91 requests | 8.1 MB transferred" and does not load any more content; and it even breaks …

Read More