Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 229
John Hunt Avatar asked Aug 31 '12 10:08

John Hunt


People also ask

How do I see Network protocols in Chrome?

To do this, open the Developer toolkit by hitting F12 or right clicking and inspect element in Chrome. Then navigate to the Network tab and right click on one of the headings, then click protocol in the drop down menu.

What is Chrome DevTools protocol?

The Chrome DevTools Protocol provides APIs to instrument, inspect, debug, and profile Chromium-based browsers. The Chrome DevTools Protocol is the foundation for the Microsoft Edge DevTools. Use the Chrome DevTools Protocol for features that aren't implemented in the WebView2 platform.

How do I view Network tab responses?

To view the response body to a request: Click the URL of the request, under the Name column of the Requests table. Click the Response tab.


1 Answers

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

like image 137
zhirzh Avatar answered Sep 23 '22 10:09

zhirzh