Debugging code in your web browser
Completion requirements
This book contains tips and instructions on how to use your web browsers debugging tools. They are mostly the same with just minor differences across the main three browsers: Chrome, Firefox and Edge.
6. Stepping: executing one line at a time
When a program is paused you have access to three additional buttons next to the pause / resume button. They are:
- Step into. Execute the current line of code and move to the next line of code. This may take you into a different scope, such as a loop or even another sub procedure.
- Step over. Execute the current line and move to the next line of code within the current scope. This skips over loops, branches and procedure calls.
- Step out. Steps out of the current procedure back into the previous scope. This is useful to get out of a scope you've accidentally stepped into.
The buttons allow you to progressively execute your code, line by line.