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.
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.
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.
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.
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!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With