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

свернуть