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

30,704

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

Share:
30,704
John Hunt
Author by

John Hunt

Hello, I'm primarily a web app developer (LAMP) living in the UK, but I'm interested in lots of other technologies, most of which are open source. Currently I'm tinkering with my Arduino when I'm not doing PHP for $. I'm actively learning C and am interested in new languages and stuff.

Updated on July 11, 2022

Comments

  • John Hunt
    John Hunt almost 2 years

    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.