From the course: Learning JavaScript Debugging
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Explore other breakpoint options - JavaScript Tutorial
From the course: Learning JavaScript Debugging
Explore other breakpoint options
- [Instructor] breakpoints that pause execution are really useful by themselves, but we do have some other options for how we can stop and look around under different conditions. Let's take a look at some of those. Here's a fresh example that looks just like the ones we've seen before, but it's a little different, and has a small bug. Let's take a look at what that bug is. I'm going to open this colorbox, and now take a look at what's happening when I swipe in either direction with this image counter. So if I swipe left, I'm moving forward through the images, which is what I would expect, but then if I swipe right, I'm still moving forward through the images. So, we're not quite doing the right thing here, and we're gonna fix it. So I'm gonna open up my developer tools with command + option + I. And here in the sources pane, I'm going to open the index.html file where my JavaScript is, and scroll all the way down. So here's our new implementation. Instead of using swipe left and swipe…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Debugging without a debugger5m 16s
-
Leverage more of the Console API7m 4s
-
Stop and look around: Simple breakpoints5m 24s
-
Explore other breakpoint options7m 47s
-
Challenge: Knowing when to stop2m 28s
-
Solution: Knowing when to stop3m 56s
-
Step into, over, and out of functions5m 48s
-
Find out where you are using the call stack4m 34s
-
Monitor variables with watches5m 16s
-
Source maps to debug minified files4m 41s
-
Challenge: Putting it all together4m 10s
-
Solution: Putting it all together8m 52s
-
-
-