All Keyboard Shortcuts - Firefox Developer Tools MDN
All Keyboard Shortcuts - Firefox Developer Tools MDN
All Keyboard Shortcuts - Firefox Developer Tools MDN
Technologies
References & Guides
Feedback
Sign in Github
Jump to:
Opening and closing tools Toolbox Source editor Page Inspector Debugger Web Console Style Editor
Scratchpad Eyedropper
Firefox Developer Tools This page lists all keyboard shortcuts used by the developer tools built into Firefox.
All keyboard shortcuts
The first section lists the shortcut for opening each tool and the second section lists shortcuts
that are applicable to the Toolbox itself. After that there's one section for each tool, which lists
Related Topics the shortcuts that you can use within that tool.
▶︎ Core Tools
Because access keys are locale-dependent, they're not documented in this page.
▶︎ More Tools
Deprecated tools
These shortcuts work in the main browser window to open the specified tool. The same
Extending the devtools
shortcuts will work to close tools hosted in the Toolbox, if the tool is active. For tools like the
Settings Browser Console that open in a new window, you have to close the window to close the tool.
Release notes
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.
Open Toolbox (with the most recent tool Ctrl + Shift + I Cmd + Opt + I Ctrl + Shift + I
activated)
Bring Toolbox to foreground (if the Toolbox Ctrl + Shift + I Cmd + Opt + I Ctrl + Shift + I
is in a separate window and not in or F12 or F12 or F12
foreground)
Close Toolbox (if the Toolbox is in a Ctrl + Shift + I Cmd + Opt + I Ctrl + Shift + I
Toggle "Pick an element from the page" Ctrl + Shift + C Cmd + Opt + C Ctrl + Shift + C
(opens the Toolbox and/or focus the
Inspector tab)
Toggle Responsive Design Mode Ctrl + Shift + M Cmd + Opt + M Ctrl + Shift + M
1. Unlike the other toolbox-hosted tools, this shortcut does not also close the Web Console.
Instead, it focuses on the Web Console's command line. To close the Web Console, use the
global toolbox shortcut of Ctrl + Shift + I ( Cmd + Opt + I on a Mac).
2. Before Firefox 55, the keyboard shortcut was Ctrl + Shift + Q ( Cmd + Opt + Q on a
Mac).
Toolbox
These shortcuts work whenever the toolbox is open, no matter which tool is active.
Toggle toolbox between the last 2 docking Ctrl + Shift + D Cmd + Shift + D Ctrl + Shift + D
modes
These shortcuts work in all tools that are hosted in the toolbox.
Source editor
This table lists the default shortcuts for the source editor.
In the Editor Preferences section of the developer tools settings, you can choose to use Vim,
Emacs, or Sublime Text key bindings instead.
From Firefox 33 onwards, the key binding preference is exposed in the Editor Preferences
section of the developer tools settings, and you can set it there instead of about:config .
Page Inspector
Node picker
Select the element under the mouse and Click Click Click
cancel picker mode
Select the element under the mouse and Shift + Click Shift + Click Shift + Click
stay in picker mode
HTML pane
These shortcuts work while you're in the Inspector's HTML pane.
Move to next node (expanded nodes only) Down arrow Down arrow Down arrow
Expand currently selected node Right arrow Right arrow Right arrow
Collapse currently selected node Left arrow Left arrow Left arrow
Step backward through the attributes of a Shift + Tab Shift + Tab Shift + Tab
node
Edit as HTML F2 F2 F2
Find the next match in the markup, when Enter Return Enter
searching is active
Find the previous match in the markup, Shift + Enter Shift + Return Shift + Enter
when searching is active
Breadcrumbs bar
These shortcuts work when the breadcrumbs bar is focused.
Move to the previous element in the Left arrow Left arrow Left arrow
breadcrumbs bar
Move to the next element in the Right arrow Right arrow Right arrow
breadcrumbs bar
Focus the HTML pane Shift + Tab Shift + Tab Shift + Tab
CSS pane
These shortcuts work when you're in the Inspector's CSS pane.
Focus on the search box in the CSS pane Ctrl + F Cmd + F Ctrl + F
Clear search box content (only when the Esc Esc Esc
search box is focused, and content has
been entered)
Step backward through properties and Shift + Tab Shift + Shift + Tab
values Tab
Start editing property or value (Rules view Enter or Space Return or Enter or Space
only, when a property or value is selected, Space
but not already being edited)
Cycle up and down through auto-complete Up arrow , Down arrow Up arrow , Up arrow ,
suggestions (Rules view only, when a Down arrow Down arrow
property or value is being edited)
Show/hide more information about current Enter or Space Return or Enter or Space
property (Computed view only, when a Space
property is selected)
Debugger
Search for a string in all files Ctrl + Shift + F Cmd + Shift + F Ctrl + Shift + F
Toggle conditional breakpoint on the Ctrl + Shift + B Cmd + Shift + B Ctrl + Shift + B
currently selected line
1. By default, on some Macs, the function key is remapped to use a special feature: for
example, to change the screen brightness or the volume. See this guide to using these keys
as standard function keys. To use a remapped key as a standard function key, hold the
Function key down as well (so to open the Profiler, use Shift + Function + F5 ).
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.
Web Console
Open the Web Console Ctrl + Shift + K Cmd + Opt + K Ctrl + Shift + K
Open the object inspector pane Ctrl + Click Ctrl + Click Ctrl + Click
Focus on the command line Ctrl + Shift + K Cmd + Opt + K Ctrl + Shift + K
Cmd + K
Page down through console output Page down Page down Page down
Go forward through command history Down arrow Down arrow Down arrow
Add a new line, for entering multiline Shift + Enter Shift + Return Shift + Enter
expressions
Autocomplete popup
These shortcuts apply while the autocomplete popup is open:
Move to the next autocomplete suggestion Down arrow Down arrow Down arrow
Page down through autocomplete Page down Page down Page down
suggestions
Style Editor
Scratchpad
Reload the current page, then run Ctrl + Shift + R Cmd + Shift + R Ctrl + Shift + R
Scratchpad code
Eyedropper
Tags:
l10n:priority
Tools
you@example.com
Sign up now Sign up now
MDN Mozilla
Terms
Privacy
Cookies Twitter
GitHub