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.

When visiting a site with SSL encryption (an HTTPS page) in Chrome, the browser will alert you of any mixed content, errors, and warnings in the JavaScript console.

To view these alerts, navigate to your website, and open the Chrome JavaScript console. You can open the console either from the View menu: View -> Developer -> JavaScript Console, or by right-clicking the page, selecting Inspect Element, and then selecting Console.

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!

#KonstructDigital #GrowYourBusiness #GoogleChrome
#MixedContent #HTTPS #SEO

Posted on Instagram:

Learn something new? Share it with a friend