Check for Mixed Content Warnings with Chrome
Google has announced that Chrome will begin to block pages with mixed content warnings in December. For #TipTuesday this week, we’re going to show you how to check for mixed content warnings with Chrome to prevent your site from being blocked.
Mixed content occurs when initial HTML is loaded over a secure HTTPS connection, but other resources (such as images, videos, stylesheets, scripts) are loaded over an insecure HTTP connection.
This is called mixed content because both HTTP and HTTPS content are being loaded to display the same page, and the initial request was secure over HTTPS.
Once the console has been opened, you will see a number of alerts in the window. The alerts that are highlighted yellow with a yellow triangle are mixed content warnings and the ones that are highlighted red with a red circle are mixed content errors.
This console and the alerts that are being displayed will help you find any potential issues that could cause mixed content warnings and errors and prevent your page from being displayed in Google Chrome.
If you need a hand sorting out the errors that are being displayed, the development team at Konstruct would be happy to help!