|
Bring Toolbox to foreground (if the Toolbox is in a separate window and not in foreground) |
||
|
Close Toolbox (if the Toolbox is in a separate window and in foreground) |
||
|
Toggle between active tool and settings. |
||
|
Toggle split console (except if console is the currently selected tool) |
||
|
Find in file |
||
|
Select all |
||
|
Cut |
||
|
Copy |
||
|
Paste |
||
|
Undo |
||
|
Redo |
||
|
Indent |
||
|
Redo delete of a node |
||
|
Move to next node (expanded nodes only) |
||
|
Move to previous node |
||
|
Move to first node in the tree. |
||
|
Move to last node in the tree. |
||
|
Expand currently selected node |
||
|
Collapse currently selected node |
||
|
(When a node is selected) move inside the node so you can start stepping through attributes. |
||
|
Step forward through the attributes of a node |
||
Select the element under the mouse and cancel picker mode |
|||
|
Select the element under the mouse and stay in picker mode |
||
|
(When an attribute is selected) start editing the attribute |
||
|
Hide/show the selected node |
||
|
Focus on the search box in the HTML pane |
||
|
Edit as HTML |
||
|
Stop editing HTML |
||
|
Copy the selected node’s outer HTML |
||
|
Scroll the selected node into view |
||
|
Find the next match in the markup, when searching is active |
||
|
Delete the selected node |
||
|
Undo delete of a node |
||
|
Move to the previous element in the breadcrumbs bar |
||
|
Move to the next element in the breadcrumbs bar |
||
|
or Space Start editing property or value (Rules view only, when a property or value is selected, but not already being edited) |
||
|
Cycle up and down through auto-complete suggestions (Rules view only, when a property or value is being edited) |
||
|
Choose current auto-complete suggestion (Rules view only, when a property or value is being edited) |
||
or
|
|||
|
Increment selected value by 1 |
||
|
Decrement selected value by 1 |
||
|
Focus on the search box in the CSS pane |
||
|
Clear search box content (only when the search box is focused, and content has been entered) |
||
|
Step forward through properties and values |
||
|
Focus the CSS pane |
||
|
Show/hide more information about current property (Computed view only, when a property is selected) |
||
or
|
|||
|
Open MDN reference page about current property (Computed view only, when a property is selected) |
||
|
Open current CSS file in Style Editor (Computed view only, when more information is shown for a property and a CSS file reference is focused). |
||
|
Close current file |
||
|
Search for a string in the current file |
||
|
Resume execution when at a breakpoint |
||
|
Step over |
||
|
Step into |
||
|
Toggle breakpoint on the currently selected line |
||
|
Scroll to start of console output (only if the command line is empty) |
||
|
Scroll to end of console output (only if the command line is empty) |
||
|
Page up through console output |
||
|
Page down through console output |
||
Advertisement |
|||
|
Go backward through command history |
||
|
Go forward through command history |
||
|
Initiate reverse search through command history/step backwards through matching commands |
||
|
Search in the message display pane |
||
|
Open the object inspector pane |
||
|
Clear the object inspector pane |
||
|
Move to the beginning of the line |
||
|
Move to the end of the line |
||
|
Execute the current expression |
||
|
Choose the current autocomplete suggestion |
||
|
Cancel the autocomplete popup |
||
|
Move to the previous autocomplete suggestion |
||
|
Move to the next autocomplete suggestion |
||
|
Page up through autocomplete suggestions |
||
|
Page down through autocomplete suggestions |
||
|
Scroll to start of autocomplete suggestions |
||
|
Scroll to end of autocomplete suggestions |
||
|
Find next in the current file |
||
|
Find Next |
||
|
Select the current color |
||
|
Dismiss the Eyedropper |
||
|
Move by 1 pixel |
||
|
Save file to disk |
||
|
Move by 10 pixels |
||
|
Find Previous |
||
|
Replace |
||
|
Open the Style Editor |
||
|
Open autocomplete popup |
||
|
Add a new line, for entering multiline expressions |
||
|
Step forward through matching command history (after initiating reverse search) |
||
|
Toggle conditional breakpoint on the currently selected line |
||
|
Step out |
||
|
Search for a string in all files |
||
|
Decrement selected value by 0.1 |
||
|
Increment selected value by 0.1 |
||
|
Increment selected value by 100 |
||
|
Decrement selected value by 100 |
||
|
Increment selected value by 10 |
||
|
Decrement selected value by 10 |
||
|
Redo delete of a node |
||
|
Find the previous match in the markup, when searching is active |
||
|
Stop editing HTML |
||
|
Inspect Element |
||
|
Redo |
||
|
Reset font size |
||
|
Toggle toolbox between the last 2 docking modes |
||
|
Toggle “Pick an element from the page” (opens the Toolbox and/or focus the Inspector tab) |
||
|
Open Style Editor |
||
|
Open Profiler |
||
|
Open Network Monitor |
||
|
Toggle Responsive Design Mode |
||
|
Storage Inspector |
||
|
Open Debugger |
||
|
Open Browser Console |
||
|
Open Web Console |
||
|
Close Toolbox (if the Toolbox is in a separate window and in foreground) |
||
|
Open Toolbox (with the most recent tool activated) |
||
|
Bring Toolbox to foreground (if the Toolbox is in a separate window and not in foreground) |
||
|
Increase font size |
||
|
Decrease font size |
||
|
Comment/uncomment line(s) |
||
|
Focus on the command line |
||
|
Clear output |
||
|
Open the Web Console |
||
|
Search for scripts by name |
||
|
Focus the filter input |
||
|
Cycle through tools left to right |
||
|
Cycle through tools right to left |
||
|
Unindent |
||
|
Move line(s) up |
||
|
Move line(s) down |
||
|
Step backward through the attributes of a node |
||
|
Focus the HTML pane |
||
|
Increment selected value by 0.1 |
||
|
Decrement selected value by 0.1 |
||
|
Step backward through properties and values |
||
|
Open Browser Toolbox |
||
|
Go to line |
Advertisement
Keyboard shortcuts for the Firefox JavaScript Debugger.
|
|||
Note: Before Firefox 66, the combination Ctrl + Shift + S on Windows and Linux or Cmd + Opt + S on macOS would open/close the Debugger. From Firefox 66 and later, this is no longer the case.
|
These shortcuts work when you’re in the Inspector’s CSS panel
|
These shortcuts work whenever the toolbox is open, no matter which tool is active.
|
These shortcuts work in the main browser window to open the specified tool. The same shortcuts will work to close tools hosted in the Toolbox, if the tool is active. For tools like the Browser Console that open in a new window, you have to close the window to close the tool.
|
What is your favorite Firefox Developer Tools (Linux) hotkey? Do you have any useful tips for it? Let other users know below.
1108668
499007
411655
367529
307784
278296
1 hour ago
6 hours ago Updated!
Yesterday Updated!
Yesterday
Yesterday
2 days ago
Latest articles