Вы находитесь на странице: 1из 10

All keyboard shortcuts - Firefox Developer Tools | MDN

Technologies
References & Guides
Feedback

Sign in Github

All keyboard shortcuts


Languages
Edit

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

▶︎ Connecting the devtools


Opening and closing tools
▶︎ Debugging the browser

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.

Command Windows macOS Linux

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

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

separate window and in foreground) or F12 or F12 or F12

Open Web Console 1 Ctrl + Shift + K Cmd + Opt + K Ctrl + Shift + K

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)

Open Style Editor Shift + F7 Shift + F7 * Shift + F7

Open Profiler Shift + F5 Shift + F5 * Shift + F5

Open Network Monitor 2 Ctrl + Shift + E Cmd + Opt + E Ctrl + Shift + E

Toggle Responsive Design Mode Ctrl + Shift + M Cmd + Opt + M Ctrl + Shift + M

Open Browser Console Ctrl + Shift + J Cmd + Shift + J Ctrl + Shift + J

Ctrl + Alt + Cmd + Opt + Ctrl + Alt +


Open Browser Toolbox
Shift + I Shift + I Shift + I

Open Scratchpad Shift + F4 Shift + F4 * Shift + F4

Open WebIDE Shift + F8 Shift + F8 * Shift + F8

Storage Inspector Shift + F9 Shift + F9 * Shift + F9

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.

Command Windows macOS Linux

Cycle through tools left to right Ctrl + ] Cmd + ] Ctrl + ]

Cycle through tools right to left Ctrl + [ Cmd + [ Ctrl + [

Toggle between active tool and settings. F1 F1 F1

Toggle toolbox between the last 2 docking Ctrl + Shift + D Cmd + Shift + D Ctrl + Shift + D
modes

Toggle split console (except if console is Esc Esc Esc


the currently selected tool)

These shortcuts work in all tools that are hosted in the toolbox.

Command Windows macOS Linux

Increase font size Ctrl + + Cmd + + Ctrl + +

Decrease font size Ctrl + - Cmd + - Ctrl + -

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

Reset font size Ctrl + 0 Cmd + 0 Ctrl + 0

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.

To select these, visit about:config , select the setting devtools.editor.keymap , and


assign "vim" or "emacs", or "sublime" to that setting. If you do this, the selected bindings will be
used for all the developer tools that use the source editor. You need to reopen the editor for
the change to take effect.

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 .

Command Windows macOS Linux

Go to line Ctrl + J Cmd + J Ctrl + J

Find in file Ctrl + F Cmd + F Ctrl + F

Find again Ctrl + G Cmd + G Ctrl + G

Select all Ctrl + A Cmd + A Ctrl + A

Cut Ctrl + X Cmd + X Ctrl + X

Copy Ctrl + C Cmd + C Ctrl + C

Paste Ctrl + V Cmd + V Ctrl + V

Undo Ctrl + Z Cmd + Z Ctrl + Z

Ctrl + Shift + Z Cmd + Shift + Z Ctrl + Shift + Z


Redo
/ Ctrl + Y / Cmd + Y / Ctrl + Y

Indent Tab Tab Tab

Unindent Shift + Tab Shift + Tab Shift + Tab

Move line(s) up Alt + Up Alt + Up Alt + Up

Move line(s) down Alt + Down Alt + Down Alt + Down

Comment/uncomment line(s) Ctrl + / Cmd + / Ctrl + /

Page Inspector

Command Windows macOS Linux

Inspect Element Ctrl + Shift + C Cmd + Shift + C Ctrl + Shift + C

Node picker

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

These shortcuts work while the node picker is active.

Command Windows macOS Linux

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.

Command Windows macOS Linux

Delete the selected node Delete Delete Delete

Undo delete of a node Ctrl + Z Cmd + Z Ctrl + Z

Ctrl + Shift + Z Cmd + Shift + Z Ctrl + Shift + Z


Redo delete of a node
/ Ctrl + Y / Cmd + Y / Ctrl + Y

Move to next node (expanded nodes only) Down arrow Down arrow Down arrow

Move to previous node Up arrow Up arrow Up arrow

Move to first node in the tree. Home Home Home

Move to last node in the tree. End End End

Expand currently selected node Right arrow Right arrow Right arrow

Collapse currently selected node Left arrow Left arrow Left arrow

(When a node is selected) move inside the Enter Return Enter


node so you can start stepping through
attributes.

Step forward through the attributes of a Tab Tab Tab


node

Step backward through the attributes of a Shift + Tab Shift + Tab Shift + Tab
node

(When an attribute is selected) start editing Enter Return Enter


the attribute

Hide/show the selected node H H H

Focus on the search box in the HTML Ctrl + F Cmd + F Ctrl + F


pane

Edit as HTML F2 F2 F2

F2 / Ctrl + Enter F2 / Cmd + F2 / Ctrl + Enter


Stop editing HTML
Return

Copy the selected node's outer HTML Ctrl + C Cmd  + C Ctrl + C

Scroll the selected node into view S S S

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

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

Breadcrumbs bar
These shortcuts work when the breadcrumbs bar is focused.

Command Windows macOS Linux

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

Focus the CSS pane Tab Tab Tab

CSS pane
These shortcuts work when you're in the Inspector's CSS pane.

Command Windows macOS Linux

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 forward through properties and Tab Tab Tab


values

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)

Choose current auto-complete suggestion Enter or Tab Return or Enter or Tab


(Rules view only, when a property or value Tab
is being edited)

Increment selected value by 1 Up arrow Up arrow Up arrow

Decrement selected value by 1 Down arrow Down arrow Down arrow

Shift + Page Up Shift + Shift + Page Up


Increment selected value by 100
Page Up

Shift + Page Down Shift + Shift + Page Down


Decrement selected value by 100
Page Down

Shift + Up arrow Shift + Shift + Up arrow


Increment selected value by 10
Up arrow

Shift + Down arrow Shift + Shift + Down arrow


Decrement selected value by 10
Down arrow

Alt + Up arrow ( Ctrl + Alt + Alt + Up arrow (

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

Up arrow from Firefox 60 Up arrow Ctrl + Up arrow


Increment selected value by 0.1
onwards.) from Firefox 60
onwards.)

Alt + Down arrow ( Alt + Alt + Down arrow (


Ctrl + Down arrow from Down arrow Ctrl + Down arrow
Decrement selected value by 0.1
Firefox 60 onwards). from Firefox 60
onwards).

Show/hide more information about current Enter or Space Return or Enter or Space
property (Computed view only, when a Space
property is selected)

Open MDN reference page about current F1 F1 F1


property (Computed view only, when a
property is selected)

Open current CSS file in Style Editor Enter Return Enter


(Computed view only, when more
information is shown for a property and a
CSS file reference is focused).

Debugger

Command Windows macOS Linux

Search for a string in the current file Ctrl + F Cmd + F Ctrl + F

Search for a string in all files Ctrl + Shift + F Cmd + Shift + F Ctrl + Shift + F

Find next in the current file Ctrl + G Cmd + G Ctrl + G

Search for scripts by name Ctrl + P Cmd + P Ctrl + P

Resume execution when at a breakpoint F8 F8 1 F8

Step over F10 F10 1 F10

Step into F11 F11 1 F11

Step out Shift + F11 Shift + F11 1 Shift + F11

Toggle breakpoint on the currently Ctrl + B Cmd + B Ctrl + B


selected line

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.

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

Web Console

Command Windows macOS Linux

Open the Web Console Ctrl + Shift + K Cmd + Opt + K Ctrl + Shift + K

Search in the message display pane Ctrl + F Cmd + F Ctrl + F

Open the object inspector pane Ctrl + Click Ctrl + Click Ctrl + Click

Clear the object inspector pane Esc Esc Esc

Focus on the command line Ctrl + Shift + K Cmd + Opt + K Ctrl + Shift + K

Ctrl + Shift + L Ctrl + L Ctrl + Shift + L

From Firefox 67:


Clear output

Cmd + K

Command line interpreter


These shortcuts apply when you're in the command line interpreter.

Command Windows macOS Linux

Scroll to start of console output (only if the Home Home Home


command line is empty)

Scroll to end of console output (only if the End End End


command line is empty)

Page up through console output Page up Page up Page up

Page down through console output Page down Page down Page down

Go backward through command history Up arrow Up arrow Up arrow

Go forward through command history Down arrow Down arrow Down arrow

Initiate reverse search through command F9 Ctrl + R F9


history/step backwards through matching
commands

Step forward through matching command Shift + F9 Ctrl + S Shift + F9


history (after initiating reverse search)

Move to the beginning of the line Home Ctrl + A Ctrl + A

Move to the end of the line End Ctrl + E Ctrl + E

Execute the current expression Enter Return Enter

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:

Command Windows macOS Linux

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

Choose the current autocomplete Tab Tab Tab


suggestion

Cancel the autocomplete popup Esc Esc Esc

Move to the previous autocomplete Up arrow Up arrow Up arrow


suggestion

Move to the next autocomplete suggestion Down arrow Down arrow Down arrow

Page up through autocomplete Page up Page up Page up


suggestions

Page down through autocomplete Page down Page down Page down
suggestions

Scroll to start of autocomplete suggestions Home Home Home

Scroll to end of autocomplete suggestions End End End

Style Editor

Command Windows macOS Linux

Open the Style Editor Shift + F7 Shift + F7 Shift + F7

Open autocomplete popup Ctrl + Space Cmd + Space Ctrl + Space

Scratchpad

Command Windows macOS Linux

Open the Scratchpad Shift + F4 Shift + F4 Shift + F4

Run Scratchpad code Ctrl + R Cmd + R Ctrl + R

Run Scratchpad code, display the result in Ctrl + I Cmd + I Ctrl + I


the object inspector

Run Scratchpad code, insert the result as Ctrl + L Cmd + L Ctrl + L


a comment

Re-evaluate current function Ctrl + E Cmd + E Ctrl + E

Reload the current page, then run Ctrl + Shift + R Cmd + Shift + R Ctrl + Shift + R
Scratchpad code

Save the pad Ctrl + S Cmd + S Ctrl + S

Open an existing pad Ctrl + O Cmd + O Ctrl + O

Create a new pad Ctrl + N Cmd + N Ctrl + N

Close Scratchpad Ctrl + W Cmd + W Ctrl + W

Pretty print the code in Scratchpad Ctrl + P Cmd + P Ctrl + P

Show autocomplete suggestions Ctrl + Space Ctrl + Space Ctrl + Space

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

Ctrl + Shift + Ctrl + Shift + Ctrl + Shift +


Show inline documentation
Space Space Space

Eyedropper

Command Windows macOS Linux

Select the current color Enter Return Enter

Dismiss the Eyedropper Esc Esc Esc

Move by 1 pixel Arrow keys Arrow keys Arrow keys

Shift + Shift + Shift +


Move by 10 pixels
arrow keys arrow keys arrow keys

Tags: 
l10n:priority
Tools

Contributors to this page:


fvsch, irenesmith, bfred-it, aplaice, pickfire, griffedge, gabrielluong, jrz, chrisdavidmills, wbamberg,
vlakoff, jryans, mikedeboer, xfq, Sebastianz, jnachtigall, Tonnes, ntim, phoenixfox, jsx, built4sucess, juliandescottes, maybe,
bgrins, Aleksej, maximelore, Razvan92, grssam, trevorh, victorporof, mkohler, fscholz, kscarfone, rxnlabs

Last updated by:


fvsch,
Aug 7, 2019, 1:02:07 AM

Learn the best of web development


Get the latest and greatest from MDN delivered straight to your inbox.

you@example.com
Sign up now Sign up now

MDN Mozilla

Web Technologies About

Learn Web Development Contact Us

Other languages: About MDN Firefox


English (US)
English (US) (en-US)
(en-US)
Feedback Twitter
Instagram

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]


All keyboard shortcuts - Firefox Developer Tools | MDN

Terms
Privacy
Cookies Twitter
GitHub

© 2005-2019 Mozilla and individual contributors. Content is


available under these licenses.

https://developer.mozilla.org/en-US/docs/Tools/Keyboard_shortcuts[8/13/2019 4:48:47 AM]