In this video, we're going to show you how to use the Chrome DevTools Sources Tab for debugging. This will help you to get a deeper understanding of the code that's running on your website.
If you're new to debugging with Chrome DevTools, then this video is for you! We'll show you how to use the Sources Tab to explore the code behind your website, and help you to debug issues faster and more effectively!
00:00 - Introduction
00:40 - Open Devtools
01:50 - Open file
03:42 - Debug with breakpoints
05:20 - Step options
09:10 - Pause on exceptions
10:58 - Scope
12:38 - Call stack
17:00 - Ignore list
18:26 - Logpoint
20:06 - Conditional breakpoints
21:27 - Temporary edit
23:10 - Overrides
25:55 - Workspaces
28:37 - Snippets
