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 ... https://www.youtube.com/watch?v=EWENreBIPvo