How to View SSL Certificate Details in Chrome 56
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 3.00 out of 5)

How to View SSL Certificate Details in Chrome 56

A quick guide on how to view SSL certificate details in Chrome 56.

Starting in Chrome 56, you will no longer be able to see details about a website’s SSL certificate by clicking on the padlock icon in the address bar.

This change is being made as part of Chrome’s campaign to simplify their security UI/UX and tailor it for a more mainstream audience that does not know what SSL certificates, Certificate Authorities, or key signature algorithms are.

For the power-users and developers who do want to see details about their HTTPS connection and the site’s SSL certificate, you will need to go to the Security tab in Developer Tools. Here’s how to do it:

Step 1. Open Developer Tools.

The quickest way there is with a keyboard shortcut:

OS Keyboard Shortcuts
Windows and Linux Ctrl + Shift + i F12
Mac ⌘ + Option + i

You can also get to Chrome’s Developer Tools by opening the Chrome menu (⋮), then going to More Tools -> Developer Tools.

Here’s a couple of quick screenshots to show you where to click.

how to view ssl certificate details in chrome 56

And just find Developer Tools on the dropdown menu…

How to View SSL Certificate Details in Chrome 56

Step 2. Select the Security Tab, which is second from the right with default settings.

How to View SSL Certificate Details in Chrome 56

Step 3. Select View Certificate. The certificate viewer you are used to will open up.

There you have it! That’s how you view SSL certificate details in Chrome 56. While it takes a few more clicks and button presses, it’s still the same information you are used to.

Once you have the Security tab open, you will find all the other information about HTTPS/SSL that has slowly been moving out of the Page Info menu. The main pane tells you about the site’s certificate, the HTTPS connection parameters, and the presence of mixed content.

There is also the option to see more detailed information about all the origins (hostnames) that you are connected to via that site. If you opened Developer Tools after visiting the page, just refresh the page and the left-hand pane will populate. Clicking on each origin will display that site’s information in the main pane.

You can also select the Main Origin from the pane to see more verbose information about the connection, including Certificate Transparency details.