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.”

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!




Still have questions? No problem! Just 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 September 7, 2020 by Scott C Wilson (0680304).