Developer Tools
    Additional Tips

    Google Chrome Inspection

    The Inspect Element tool in Google Chrome (also called Developer Tools or DevTools) lets you see and modify the code of any webpage in real-time. It only affects the preview of the code and does not edit it permanently—this allows you to experiment with the code before making permanent changes.

    Inspecting the elements of your webpage are a quick and easy way to see the code that directly effects how it previews in the browser.

    How to Open Inspect Element

    You can open DevTools in three ways:

  1. Right-click on any webpage → Select "Inspect"
  2. Press F12 on your keyboard
  3. Press Ctrl + Shift + I (Cmd + Option + I on Mac)