← Back to Shortcut Collections
DevTools (Firefox)

DevTools (Firefox)

Powerful built-in developer tools revolutionizing web development with DOM manipulation, network analysis, and performance profiling

Debugging-specific shortcuts that streamline JavaScript debugging to quickly identify and fix bug causes

F8
Resume execution
Resumes execution when paused at a breakpoint.
💡 Hint: F8 = Play
🎯 Resume code execution stopped at breakpoints and continue the debugging flow
F10
Step over
Executes current line and moves to the next line (doesn't enter functions).
💡 Hint: F10 = Step over
🎯 Execute the current line without entering functions to efficiently trace code flow
F11
Step into
Executes current line and steps into functions.
💡 Hint: F11 = Step in
🎯 Step into functions for detailed debugging to identify root causes of issues
Shift+F11
Step out
Completes execution of current function and returns to caller.
💡 Hint: Shift + F11 = Step out
🎯 Step out of the current function to return to the caller and adjust debugging scope
Ctrl+B
Toggle breakpoint
Toggles a breakpoint on the current line.
💡 Hint: Breakpoint
🎯 Quickly set and remove breakpoints to flexibly manage debugging points
Ctrl+P
Search for scripts
Searches for script files by name.
💡 Hint: Pick script
🎯 Search script files by name to instantly access target files even in large projects
Ctrl+Shift+Z
Open Debugger
Opens the JavaScript Debugger to debug code.
💡 Hint: DebugZ (last letter)
🎯 Instantly open the debugger tool to start JavaScript debugging work