Get Started

Step 2: Get familiar with the Sources panel UI

The Sources panel is where you debug JavaScript.

Open DevTools by pressing Command+Option+I (Mac) or Control+Shift+I (Windows, Linux). This shortcut opens the Consolepanel.

Step 3: Pause the code with a breakpoint

Step 4: Step through the code

Step 5: Set a line-of-code breakpoint

Step 6: Check variable values