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