All major browsers offer tools to examine the code of a webpage or app and evaluate its performance. Chrome Developer Tools (DevTools) is the industry standard. In this course, you can explore how Chrome DevTools work in actual testing and debugging scenarios and how you can add this useful collection of utilities to your development workflow. Each chapter digs into a different tool, including the Console, Elements, Network, and Application panels. Instructor Sasha Vodnik helps you test webpages and apps in different device modes and emulators, explore the DOM, inspect and modify HTML and CSS, edit source files, identify bottlenecks in page loads, access and manipulate cookies, and more. Plus, learn useful tricks and shortcuts for speeding up common debugging tasks.

• Introduction
• 1. Developer Tools Introduction
• 2. Using Layout Tools
• 3. Using the Elements Panel
• 4. Using the Console Panel
• 5. Using the Sources Panel
• 6. Using the Network Panel
• 7. Using the Application Panel
• Conclusion