Troubleshoot SSL/TLS handshake in Google Chrome browser

Question

I would like to inspect the SSL/TLS handshake in Google Chrome (or Chromium) browser.

I'm looking for output similar to what you'd see using commands like these from other HTTPS clients (just examples):

➜  ~  curl -k -v https://foo.com:443 --tlsv1

or

➜  ~  openssl s_client -debug -connect foo.com:443 -tls1

I've searched a bit, and it doesn't look like native tools (ie via inspect element) nor plugins have this level of visibility.

Solution

You may use Wireshark(https://www.wireshark.org/) to capture the network packets, and use the

Menu->Statistics->Flow Graph 

to view the network sequence as below. Below diagram illustrates the TCP flow visiting stackoverflow.com. Meanwhile, you can click on the arrows in the diagram to inspect down to ethernet frame level, including TCP/IP/Ethernet packets.