Web Inspector 101

Open the “Hello, World!” app in the browser and click “Inspect”

The inspector allows:

  • Dynamic changes to CSS
  • Debugging JS
  • Run JS from a console
  • Monitor warnings / errors
  • Switch devices (e.g., mimic mobile)
  • Do performance audit (Google LightHouse)

Exercise:

  • Open “Hello, World!”
  • Open the inspector
  • Edit the paragraph text
  • Add children to paragraph tag