Intermediate

Debugging Sites with Chrome DevTools

Google Chrome ships with a powerful set of tools to help developers debug websites. There is no more appropriate place to debug client-side web apps than right in the application where th...

Prerequisites: A working familiarity with the basics of HTML, CSS, and JavaScript.

Sign in to read this course

A free account unlocks all 514 courses. 20 are readable without one.

What's inside

11 sections
  1. 1 Table of Contents
  2. 2 DevTools at a Glance
  3. 3 Module 1: Course Overview
  4. 4 Module 2: Understanding the Capabilities of Chrome DevTools
  5. 5 Module 3: Examining and Editing Web Pages
  6. 6 Module 4: Using Device Mode to Simulate Multiple Devices
  7. 7 Module 5: Using the Console
  8. 8 Module 6: Debugging JavaScript
  9. 9 Module 7: Viewing Network Communication and Local Data
  10. 10 Module 8: Optimizing Website Performance
  11. 11 Quick Reference: Keyboard Shortcuts

Interested in this course?

Contact us to book it or get a custom training plan for your team.