Google Chrome Inspect

Using Chrome’s tools to keep your site healthy

Google Chrome’s “Inspect” tool is a tremendous help to anyone creating websites.

In Google Chrome, right click and select “Inspect.”


A dialog will come up with a number of options on the top menu bar. Here are some things to explore:

  • Clicking “Console” will show you reports of any missing or unavailable files (JavaScript, CSS, etc.)

  • Clicking “Lighthouse” will perform a test that will analyze your site speed and whether you are using outdated JavaScript libraries

  • Clicking “Elements” will show you the CSS rules that apply to each part of your site, enabling you to try changes right from your browser

Other browsers have similar built-in developer tools; pick your favorite and learn as much as you can about it to keep your site in tip-top shape!

Example issues shown in the Console by Inspect

Mixed Content

Mixed Content

If you get a mixed content warning, it means something is being loaded over http instead of https. In this case, for example, if you check includes/templates/YOURTEMPLATE/common/html_header.php, you will see something like

<link href=',300,500,700&amp;subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic' rel='stylesheet' type='text/css'>

just make this load over https by changing it to

<link href=',300,500,700&amp;subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic' rel='stylesheet' type='text/css'>

Still have questions? Use the Search box in the upper right, or try the full list of FAQs. If you can't find it there, head over to the Zen Cart support forum and ask there in the appropriate subforum. In your post, please include your Zen Cart and PHP versions, and a link to your site.

Is there an error or omission on this page? Please post to General Questions on the support forum. Or, if you'd like to open a pull request, just review the guidelines and get started. You can even PR right here.
Last modified October 25, 2020 by Scott C Wilson (1358a23).