diff --git a/files/en-us/tools/debugger/keyboard_shortcuts/index.html b/files/en-us/tools/debugger/keyboard_shortcuts/index.html index 28acd849bf7e36f..7d688a61890e68c 100644 --- a/files/en-us/tools/debugger/keyboard_shortcuts/index.html +++ b/files/en-us/tools/debugger/keyboard_shortcuts/index.html @@ -97,7 +97,7 @@

Global shortcuts

diff --git a/files/en-us/tools/index.html b/files/en-us/tools/index.html index 7fba0be7b66f5f7..b57970e86125570 100644 --- a/files/en-us/tools/index.html +++ b/files/en-us/tools/index.html @@ -170,7 +170,7 @@

More Tools

Connecting the Developer Tools

-

If you open the developer tools using keyboard shortcuts or the equivalent menu items, they'll target the document hosted by the currently active tab. But you can attach the tools to a variety of other targets, too, both within the current browser and in different browsers or even different devices.

+

If you open the developer tools using keyboard shortcuts or the equivalent menu items, they'll target the document hosted by the currently active tab. But you can attach the tools to a variety of other targets, too, both within the current browser and in different browsers or even different devices.

diff --git a/files/en-us/tools/keyboard_shortcuts/index.html b/files/en-us/tools/keyboard_shortcuts/index.html index e946fc59a357725..014055555850de3 100644 --- a/files/en-us/tools/keyboard_shortcuts/index.html +++ b/files/en-us/tools/keyboard_shortcuts/index.html @@ -7,206 +7,21 @@ ---
{{ToolsSidebar}}
-

This page lists all keyboard shortcuts used by the developer tools built into Firefox.

- -

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 the shortcuts that you can use within that tool.

+

This page lists, or links to, all keyboard shortcuts used by the developer tools built into Firefox.

Because access keys are locale-dependent, they're not documented in this page.

Opening and closing tools

-

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.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CommandWindowsmacOSLinux
Open Toolbox (with the most recent tool activated)Ctrl + Shift + ICmd + Opt + ICtrl + Shift + I
Bring Toolbox to foreground (if the Toolbox is in a separate window and not in foreground)Ctrl + Shift + I or F12Cmd + Opt + I or F12Ctrl + Shift + I or F12
Close Toolbox (if the Toolbox is in a separate window and in foreground)Ctrl + Shift + I or F12Cmd + Opt + I or F12Ctrl + Shift + I or F12
Open Web Console 1Ctrl + Shift + KCmd + Opt + KCtrl + Shift + K
Toggle "Pick an element from the page" (opens the Toolbox and/or focus the Inspector tab)Ctrl + Shift + CCmd + Opt + CCtrl + Shift + C
Open Style EditorShift + F7Shift + F7 *Shift + F7
Open ProfilerShift + F5Shift + F5 *Shift + F5
Open Network Monitor 2Ctrl + Shift + ECmd + Opt + ECtrl + Shift + E
Toggle Responsive Design ModeCtrl + Shift + MCmd + Opt + MCtrl + Shift + M
Open Browser ConsoleCtrl + Shift + JCmd + Shift + JCtrl + Shift + J
Open Browser ToolboxCtrl + Alt + Shift + ICmd + Opt + Shift + ICtrl + Alt + Shift + I
Open ScratchpadShift + F4Shift + F4 *Shift + F4
Open WebIDEShift + F8Shift + F8 *Shift + F8
Storage InspectorShift + F9Shift + F9 *Shift + F9
Open Debugger 3Ctrl + Shift + ZCmd + Opt + ZCtrl + Shift + Z
- -

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).

- -

3. Starting in Firefox 71. Before Firefox 66, the letter in this shortcut was S.

+

See Toolbox > Opening and closing tools for keyboard shortcuts to open and close any of the toolbox tools.

Toolbox

-
-

These shortcuts work whenever the toolbox is open, no matter which tool is active.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CommandWindowsmacOSLinux
Cycle through tools left to rightCtrl + ]Cmd + ]Ctrl + ]
Cycle through tools right to leftCtrl + [Cmd + [Ctrl + [
Toggle between active tool and settings.F1F1F1
-

Toggle toolbox between the last 2 docking modes

- 		Ctrl + Shift + DCmd + Shift + DCtrl + Shift + D
Toggle split console (except if console is the currently selected tool)EscEscEsc
-
- -

Toolbox font shortcuts

+

See Toolbox for keyboard shortcuts to toggle/cycle through open tools.

-
-

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

+

Font shortcuts (Global)

- - - - - - - - - - - - - - - - - - - - - - - - - - - -
CommandWindowsmacOSLinux
Increase font sizeCtrl + + Cmd + + Ctrl + +
Decrease font sizeCtrl + -Cmd + -Ctrl + -
Reset font sizeCtrl + 0Cmd + 0Ctrl + 0
-
+

See Toolbox > Font shortcuts to modify font sizes.

Source editor

@@ -313,7 +128,6 @@

Page Inspector

See Page inspector keyboard shortcuts.

-

Debugger

See Debugger keyboard shortcuts.

diff --git a/files/en-us/tools/page_inspector/how_to/examine_and_edit_html/index.html b/files/en-us/tools/page_inspector/how_to/examine_and_edit_html/index.html index 61db13109ecc034..43fbe844de4e6a8 100644 --- a/files/en-us/tools/page_inspector/how_to/examine_and_edit_html/index.html +++ b/files/en-us/tools/page_inspector/how_to/examine_and_edit_html/index.html @@ -111,7 +111,7 @@

HTML tree

-

Note: There are some useful keyboard shortcuts that can be used in the HTML tree — see the HTML pane keyboard shortcuts list.

+

Note: There are some useful keyboard shortcuts that can be used in the HTML tree — see the HTML pane keyboard shortcuts list.

::before and ::after

diff --git a/files/en-us/tools/page_inspector/how_to/open_the_inspector/index.html b/files/en-us/tools/page_inspector/how_to/open_the_inspector/index.html index 76afab20e656205..db2583cb0d106f3 100644 --- a/files/en-us/tools/page_inspector/how_to/open_the_inspector/index.html +++ b/files/en-us/tools/page_inspector/how_to/open_the_inspector/index.html @@ -11,7 +11,7 @@

There are two main ways to open the Inspector:

diff --git a/files/en-us/tools/page_inspector/keyboard_shortcuts/index.html b/files/en-us/tools/page_inspector/keyboard_shortcuts/index.html index 6bedec75df0b073..c02c7329fffae1c 100644 --- a/files/en-us/tools/page_inspector/keyboard_shortcuts/index.html +++ b/files/en-us/tools/page_inspector/keyboard_shortcuts/index.html @@ -356,6 +356,6 @@

CSS pane

Global shortcuts

diff --git a/files/en-us/tools/tools_toolbox/index.html b/files/en-us/tools/tools_toolbox/index.html index 6b43603c36215ac..e455cc7f81e0c46 100644 --- a/files/en-us/tools/tools_toolbox/index.html +++ b/files/en-us/tools/tools_toolbox/index.html @@ -9,10 +9,10 @@

There are a few different ways to open the Toolbox:

By default, the window appears docked to the bottom side of the Firefox window, but you can detach it if you like. This is what it looks like when it's docked:

@@ -21,13 +21,14 @@

-
-

Note: Since Firefox 62, you can drag and drop tabs in the main toolbar of the toolbox to reorder your tools as you wish ({{bug(1226272)}}).

+
+

Note

+

Since Firefox 62, you can drag and drop tabs in the main toolbar of the toolbox to reorder your tools as you wish ({{bug(1226272)}}).

Docking mode

-

By default, the Toolbox appears docked to the bottom of the browser window, but you can also dock it to the right-hand side of the window, or make it a standalone window, using buttons in the toolbar.

+

By default, the Toolbox appears docked to the bottom of the browser window, but you can also dock it to the right-hand side of the window, or make it a standalone window, using buttons in the toolbar.

Toolbar

@@ -89,7 +90,7 @@

Toolbox controls

Settings

-

See the separate page on the Developer Tools Settings.

+

See Developer Tools Settings.

Main Pane

@@ -97,6 +98,195 @@

Main Pane

Keyboard shortcuts

-

{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "toolbox-shortcuts") }}

- -

{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}

+

The first section lists the shortcut for opening each tool. The second section lists shortcuts that are applicable to the Toolbox itself. Keyboard shortcuts for specific tools can be found within the respective tool's documentation (and linked from All keyboard shortcuts).

+ +

Opening and closing tools

+ +

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.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CommandWindowsmacOSLinux
Open Toolbox (with the most recent tool activated)Ctrl + Shift + ICmd + Opt + ICtrl + Shift + I
Bring Toolbox to foreground (if the Toolbox is in a separate window and not in foreground)Ctrl + Shift + I or F12Cmd + Opt + I or F12Ctrl + Shift + I or F12
Close Toolbox (if the Toolbox is in a separate window and in foreground)Ctrl + Shift + I or F12Cmd + Opt + I or F12Ctrl + Shift + I or F12
Open Web Console 1Ctrl + Shift + KCmd + Opt + KCtrl + Shift + K
Toggle "Pick an element from the page" (opens the Toolbox and/or focus the Inspector tab)Ctrl + Shift + CCmd + Opt + CCtrl + Shift + C
Open Style EditorShift + F7Shift + F7 *Shift + F7
Open ProfilerShift + F5Shift + F5 *Shift + F5
Open Network Monitor 2Ctrl + Shift + ECmd + Opt + ECtrl + Shift + E
Toggle Responsive Design ModeCtrl + Shift + MCmd + Opt + MCtrl + Shift + M
Open Browser ConsoleCtrl + Shift + JCmd + Shift + JCtrl + Shift + J
Open Browser ToolboxCtrl + Alt + Shift + ICmd + Opt + Shift + ICtrl + Alt + Shift + I
Open ScratchpadShift + F4Shift + F4 *Shift + F4
Open WebIDEShift + F8Shift + F8 *Shift + F8
Storage InspectorShift + F9Shift + F9 *Shift + F9
Open Debugger 3Ctrl + Shift + ZCmd + Opt + ZCtrl + Shift + Z
+ +

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).

+ +

3. Starting in Firefox 71. Before Firefox 66, the letter in this shortcut was S.

+ +

Toolbox

+ +

These shortcuts work whenever the toolbox is open, no matter which tool is active.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CommandWindowsmacOSLinux
Cycle through tools left to rightCtrl + ]Cmd + ]Ctrl + ]
Cycle through tools right to leftCtrl + [Cmd + [Ctrl + [
Toggle between active tool and settings.F1F1F1
+

Toggle toolbox between the last 2 docking modes

+ 		Ctrl + Shift + DCmd + Shift + DCtrl + Shift + D
Toggle split console (except if console is the currently selected tool)EscEscEsc
+ +

Font shortcuts (global)

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CommandWindowsmacOSLinux
Increase font sizeCtrl + + Cmd + + Ctrl + +
Decrease font sizeCtrl + -Cmd + -Ctrl + -
Reset font sizeCtrl + 0Cmd + 0Ctrl + 0
diff --git a/files/en-us/tools/web_console/keyboard_shortcuts/index.html b/files/en-us/tools/web_console/keyboard_shortcuts/index.html index ffe77d4b01c3b03..ae6e5e0066e1634 100644 --- a/files/en-us/tools/web_console/keyboard_shortcuts/index.html +++ b/files/en-us/tools/web_console/keyboard_shortcuts/index.html @@ -215,5 +215,5 @@

Autocomplete popup

Global shortcuts