SSL Certificates encrypt your web traffic and keep your data secure, so it’s always a good idea to know how to check a site’s certificate if something seems a little dodgy.
As of the latest Chrome update, you will no longer be able to find details of a website’s SSL certificate by clicking the green padlock.
Instead of seeing the familiar option for more information, it’s now been replaced with a learn more option for checking if your connection is secure.
According to Google they’re readying Chrome for a more mainstream audience, one that isn’t familiar with SSL certificates and web encryption.
But for developers who need to see this information, there’s a frustrating workaround.
As it turns out, they’ve now hidden the feature
in the dungeon under the security menu in developer tools.
Step 1 – Open Developer Tools
First open Chrome’s developer tools by pressing CTRL + SHIFT + I.
For Mac, press ⌘ + OPTION + I.
You can also open the developer tools by going to Chrome Menu > More Tools > Developer Tools.
If you’ve never had a look at Chrome’s developers tools before, I recommend having a look around as there’s a lot to mess around with.
Step 2 – Security
From the Developer Tools tab, click on the Security tab.
Here it should display some basic information about the sites certificate, your connection and the resources on the page.
Step 3 – View Certificate
Finally click the View Certificate button.
This should bring up Chrome’s certificate viewer, and from here you should be able to find all of the information you need.
If developer tools isn’t your thing, then instead you can use an online tool like SSL Checker to check a site’s certificate as well.
I’d also recommend using a browser extension like HTTPS Everywhere to force a secure connection wherever it’s available.
While it may be a frustrating workaround (and believe me, it is) adding more time to your development, you can at least view the same information you always could.