Jose Grady

Jose Grady

1609120980

Chrome Inspector Tutorial - [Chrome Developer Tools]

Learn the Essentials about Chrome DevTools available to us in the browser by right clicking and choosing inspect element. This video tutorial walks through the basics about the Elements, Sources, Network, Application, Console, Search and Rendersing tabs. I show how to debug css, javascript and html and track down the bugs and errors in the code.

  • 0:00 Intro
  • 1:15 Example Html
  • 2:00 Example Css
  • 2:40 Example JS
  • 3:07 Opening Dev Tools
  • 4:10 Overview
  • 4:50 Elements
  • 5:15 Elements - Styling
  • 10:20 Console & Sources
  • 14:50 Network
  • 17:40 Application
  • 18:55 Device emulation
  • 19:20 Search
  • 20:35 Rendering
  • 21:15 Elements - Modifying
  • 23:25 Wrapping up

#google-chrome #javascript #web-development #programming #developer

Chrome Inspector Tutorial - [Chrome Developer Tools]