Keyboard and Mouse Shortcuts

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
(Added help and Command History shortcut + hint column)
(Global: Update to correct OS-X shortcut for Re-execute last command)
(33 intermediate revisions not shown)
Line 1: Line 1:
Complete reference of the quickest ways to get things done in Firebug. You can also use duvet-dayz [http://duvet-dayz.com/firebug-cheatsheet/ Firebug Cheatsheet].
Complete reference of the quickest ways to get things done in Firebug. You can also use duvet-dayz [http://duvet-dayz.com/firebug-cheatsheet/ Firebug Cheatsheet].
-
See also [http://getfirebug.com/wiki/index.php/Accessibility#Key_Binding_Mechanism Keyboard shortcut re-binding]
+
You can change some of the shortcuts via ''[[Firebug Menu]]'' > ''[[Firebug Shortcut Bindings|Customize Shortcuts]]''.
== Global ==
== Global ==
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint='''Hint'''}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Help|pc=F1|mac=F1|hint=Starting from Firebug 1.7}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Command History|pc=Ctrl+H|mac=⌘+H|hint=Starting from Firebug 1.7}}
+
|-
-
{{kbdshortcut|def=Open Firebug Panel|pc=F12|mac=F12|hint=}}
+
| Help || <code class="key">F1</code> || <code class="key">F1</code> || {{addedTag|version=1.7.0}}
-
{{kbdshortcut|def=Close Firebug Panel|pc=F12|mac=F12|hint=}}
+
|-
-
{{kbdshortcut|def=Open Firebug in window|pc=Ctrl+F12|mac=&#8984;+F12|hint=}}
+
| Command History || <code class="key">Ctrl</code> + <code class="key">H</code> || <code class="key">&#8984;</code> + <code class="key">H</code> || {{addedTag|version=1.7.0}}
-
{{kbdshortcut|def=Switch to previous Panel|pc=Ctrl+`|mac=Ctrl+`|hint=}}
+
|-
-
{{kbdshortcut|def=Focus Command Line|pc=Ctrl+Shift+L|mac=&#8984;+Shift+L|hint=}}
+
| Open Firebug Panel || <code class="key">F12</code> || <code class="key">F12</code> ||  
-
{{kbdshortcut|def=Focus Search Box|pc=Ctrl+Shift+K|mac=&#8984;+Shift+K|hint=}}
+
|-
-
{{kbdshortcut|def=Toggle Inspect Mode|pc=Ctrl+Shift+C|mac=&#8984;+Shift+C|hint=}}
+
| Close Firebug Panel || <code class="key">F12</code> || <code class="key">F12</code> ||  
-
{{kbdshortcut|def=Toggle JavaScript Profiler|pc=Ctrl+Shift+P|mac=&#8984;+Shift+P|hint=}}
+
|-
-
{{kbdshortcut|def=Re-execute last command|pc=Ctrl+Shift+E|mac=Ctrl+Shift+E|hint=}}
+
| Deactivate Firebug || <code class="key">Shift</code> + <code class="key">F12</code> || <code class="key">Shift</code> + <code class="key">F12</code> ||
 +
|-
 +
| Open Firebug in window || <code class="key">Ctrl</code> + <code class="key">F12</code> || <code class="key">&#8984;</code> + <code class="key">F12</code> ||  
 +
|-
 +
| Switch to previous Panel || <code class="key">Ctrl</code> + <code class="key">`</code> || <code class="key">Ctrl</code> + <code class="key">`</code> ||  
 +
|-
 +
| Toggle [[Command Line|Command Line Popup]] || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">L</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">L</code> ||  
 +
|-
 +
| Close [[Command Line|Command Line Popup]] || <code class="key">Esc</code> || <code class="key">Esc</code> ||
 +
|-
 +
| Focus Search Field || <code class="key">Ctrl</code> + <code class="key">F</code> || <code class="key">&#8984;</code> + <code class="key">F</code> || {{changedTag|version=1.9.0}}, previously <code class="key">Ctrl</code>/<code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">K</code>
 +
|-
 +
| Toggle Inspect Mode || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">C</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">C</code> ||  
 +
|-
 +
| Toggle JavaScript Profiler || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">P</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">P</code> ||  
 +
|-
 +
| Customize Shortcuts || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">Alt</code> + <code class="key">B</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">Alt</code> + <code class="key">B</code> ||
 +
|-
 +
| Re-execute last command || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">E</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">E</code> ||
 +
|-
 +
| Toggle [[Break On ...]] || <code class="key">Ctrl</code> + <code class="key">Alt</code> + <code class="key">B</code> || <code class="key">&#8984;</code> + <code class="key">Alt</code> + <code class="key">B</code> || {{addedTag|version=1.10.0}}
 +
|-
 +
| Increase text size || <code class="key">Ctrl</code> + <code class="key">+</code> or <code class="key">Ctrl</code> + <code class="key">Alt</code> + Mousewheel up || <code class="key">&#8984;</code> + <code class="key">+</code> or <code class="key">&#8984;</code> + <code class="key">Alt</code> + Mousewheel up || {{changedTag|version=1.9.0}}, previously <code class="key">Ctrl</code>/<code class="key">&#8984;</code> + <code class="key">Alt</code> + <code class="key">+</code>
 +
|-
 +
| Decrease text size || <code class="key">Ctrl</code> + <code class="key">-</code> or <code class="key">Ctrl</code> + <code class="key">Alt</code> + Mousewheel down || <code class="key">&#8984;</code> + <code class="key">-</code> or <code class="key">&#8984;</code> + <code class="key">Alt</code> + Mousewheel down || {{changedTag|version=1.9.0}}, previously <code class="key">Ctrl</code>/<code class="key">&#8984;</code> + <code class="key">Alt</code> + <code class="key">-</code>
 +
|-
 +
| Reset text size || <code class="key">Ctrl</code> + <code class="key">0</code> or <code class="key">Ctrl</code> + <code class="key">Alt</code> + Middle click || <code class="key">&#8984;</code> + <code class="key">0</code> or <code class="key">&#8984;</code> + <code class="key">Alt</code> + Middle click || {{changedTag|version=1.9.0}}, previously <code class="key">Ctrl</code>/<code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">Numpad 0</code>
 +
|}
 +
== Inline editing ==
 +
{| class="light" style="width:100%; vertical-align:top;"
 +
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
 +
|-
 +
| Finish editing || <code class="key">Shift</code> + <code class="key">Enter</code> || <code class="key">Shift</code> + <code class="key">Return</code> ||
 +
|-
 +
| Cancel editing || <code class="key">Esc</code> || <code class="key">Esc</code> ||
 +
|-
 +
| Advance to next field || <code class="key">Enter</code>, <code class="key">Tab</code> || <code class="key">Enter</code>, <code class="key">Tab</code> ||
 +
|-
 +
| Advance to previous field || <code class="key">Shift</code> + <code class="key">Tab</code> || <code class="key">Shift</code> + <code class="key">Tab</code> ||
 +
|}
== Console Panel ==
== Console Panel ==
 +
{| class="light" style="width:100%; vertical-align:top;"
 +
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
 +
|-
 +
| Clear the [[Console]] || <code class="key">Alt</code> + <code class="key">R</code> || <code class="key">Alt</code> + <code class="key">R</code>
 +
|| {{changedTag|version=2.0}}, previously <code class="key">Ctrl</code>/<code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">R</code>
 +
|}
 +
=== Command Line ===
=== Command Line ===
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Auto-complete next property|pc=Tab|mac=Tab|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Auto-complete previous property|pc=Shift+Tab|mac=Shift+Tab|hint=}}
+
|-
-
{{kbdshortcut|def=Execute|pc=Return|mac=Return|hint=}}
+
| Focus [[Command Line]] || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">L</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">L</code> ||
-
{{kbdshortcut|def=Inspect result|pc=Shift+Return|mac=Shift+Return|hint=}}
+
|-
-
{{kbdshortcut|def=Open result's context menu|pc=Ctrl+Return|mac=&#8984;+Return|hint=}}
+
| Auto-complete property || <code class="key">Tab</code>, <code class="key">&rarr;</code> or <code class="key">Enter</code> || <code class="key">Tab</code>, <code class="key">&rarr;</code> or <code class="key">Return</code> ||
 +
|-
 +
| Switch between completions || <code class="key">&uarr;</code> or <code class="key">&darr;</code> || <code class="key">&uarr;</code> or <code class="key">&darr;</code> ||
 +
|-
 +
| Cancel auto-completion || <code class="key">Esc</code> || <code class="key">Esc</code> ||
 +
|-
 +
| Execute || <code class="key">Enter</code> || <code class="key">Return</code> ||
 +
|-
 +
| Inspect result in appropriate panel || <code class="key">Shift</code> + <code class="key">Enter</code> || <code class="key">Shift</code> + <code class="key">Return</code> || See [[inspect]]
 +
|-
 +
| Show Completion List Popup || <code class="key">Ctrl</code> + <code class="key">Space</code> || <code class="key">&#8984;</code> + <code class="key">Space</code> || {{addedTag|version=1.10.0}}
 +
|-
 +
| Select previous suggestion in Completion List Popup / <br/>Select previous command in history || <code class="key">&uarr;</code> || <code class="key">&uarr;</code> ||
 +
|-
 +
| Select next suggestion in Completion List Popup / <br/>Select next command in history || <code class="key">&darr;</code> || <code class="key">&darr;</code> ||
 +
|-
 +
| Select suggestion three positions above/below in Completion List Popup || Mouse wheel up/down || Mouse wheel up/down || {{addedTag|version=1.10.0}}
 +
|-
 +
| Select suggestion on the previous page in Completion List Popup || <code class="key">Page Up</code> || <code class="key">Page Up</code> || {{addedTag|version=1.10.0}}
 +
|-
 +
| Select suggestion on the next page in Completion List Popup || <code class="key">Page Down</code> || <code class="key">Page Down</code> || {{addedTag|version=1.10.0}}
 +
|-
 +
| Select first suggestion in Completion List Popup || <code class="key">Home</code> || <code class="key">Home</code> || {{addedTag|version=1.10.0}}
 +
|-
 +
| Select last suggestion in Completion List Popup || <code class="key">End</code> || <code class="key">End</code> || {{addedTag|version=1.10.0}}
 +
|}
=== Command Editor ===
=== Command Editor ===
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Execute|pc=Ctrl+Return|mac=&#8984;+Return|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
 
+
|-
 +
| Execute || <code class="key">Ctrl</code> + <code class="key">Enter</code> || <code class="key">&#8984;</code> + <code class="key">Return</code> ||  
 +
|}
== HTML Panel ==
== HTML Panel ==
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Edit attribute|pc=Click on name or value|mac=Click on name or value|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Edit text node|pc=Click on text|mac=Click on text|hint=}}
+
|-
-
{{kbdshortcut|def=Edit element|pc=Double-Click tag name|mac=Double-Click tag name|hint=}}
+
| Edit attribute || Click on name or value || Click on name or value ||
-
{{kbdshortcut|def=Next node in path|pc=Ctrl+.|mac=Ctrl+.|hint=}}
+
|-
-
{{kbdshortcut|def=Previous node in path|pc=Ctrl+,|mac=Ctrl+,|hint=}}
+
| Edit text node || Click on text || Click on text ||
 +
|-
 +
| Edit element || <code class="key">Alt</code> + Double-click tag name || <code class="key">Alt</code> + Double-Click tag name ||
 +
|-
 +
| Next node in path || <code class="key">Ctrl</code> + <code class="key">.</code> || <code class="key">Ctrl</code> + <code class="key">.</code> ||  
 +
|-
 +
| Previous node in path || <code class="key">Ctrl</code> + <code class="key">,</code> || <code class="key">Ctrl</code> + <code class="key">,</code> ||
 +
|}
-
=== HTML Editor ===
+
=== Inline editing ===
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Finish editing|pc=Return|mac=Return|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Cancel editing|pc=Esc|mac=Esc|hint=}}
+
|-
-
{{kbdshortcut|def=Advance to next field|pc=Tab|mac=Tab|hint=}}
+
| Finish editing || <code class="key">Ctrl</code> + <code class="key">Enter</code> || <code class="key">&#8984;</code> + <code class="key">Return</code> ||  
-
{{kbdshortcut|def=Advance to previous field|pc=Shift+Tab|mac=Shift+Tab|hint=}}
+
|}
=== HTML Inspect Mode ===
=== HTML Inspect Mode ===
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Inspect Element|pc=Ctrl+Shift+C|mac=&#8984;+Shift+C|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Cancel inspection|pc=Esc|mac=Esc|hint=}}
+
|-
-
{{kbdshortcut|def=&nbsp;|pc=Ctrl+Shift+C|mac=&#8984;+Shift+C|hint=}}
+
| Inspect Element || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">C</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">C</code> ||  
-
{{kbdshortcut|def=Inspect parent|pc=Ctrl+Up|mac=&#8984;+Up|hint=}}
+
|-
-
{{kbdshortcut|def=Inspect child|pc=Ctrl+Down|mac=&#8984;+Down|hint=}}
+
| Cancel inspection || <code class="key">Esc</code> || <code class="key">Esc</code> ||  
-
{{kbdshortcut|def=Toggle Quick Info Box|pc=Ctrl+Shift+I|mac=&#8984;+Shift+I|hint=}}
+
|-
 +
| &nbsp; || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">C</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">C</code> ||  
 +
|-
 +
| Inspect parent || <code class="key">Ctrl</code> + <code class="key">&uarr;</code> || <code class="key">&#8984;</code> + <code class="key">&uarr;</code> ||
 +
|-
 +
| Inspect child || <code class="key">Ctrl</code> + <code class="key">&darr;</code> || <code class="key">&#8984;</code> + <code class="key">&darr;</code> ||
 +
|-
 +
| Toggle Quick Info Box || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">I</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">I</code> ||
 +
|}
=== Layout Side Panel ===
=== Layout Side Panel ===
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Edit value|pc=Click on value|mac=Click on value|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
 
+
|-
-
 
+
| Edit property || Click on it || Click on it ||  
-
=== Layout Editing ===
+
|}
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
-
{{kbdshortcut|def=Finish editing|pc=Return|mac=Return|hint=}}
+
-
{{kbdshortcut|def=Cancel editing|pc=Esc|mac=Esc|hint=}}
+
-
{{kbdshortcut|def=Advance to next field|pc=Tab|mac=Tab|hint=}}
+
-
{{kbdshortcut|def=Advance to previous field|pc=Shift+Tab|mac=Shift+Tab|hint=}}
+
-
{{kbdshortcut|def=Increase number by one|pc=Up|mac=Up|hint=}}
+
-
{{kbdshortcut|def=Decrease number by one|pc=Down|mac=Down|hint=}}
+
-
{{kbdshortcut|def=Increase number by ten|pc=Page Up|mac=Page Up|hint=}}
+
-
{{kbdshortcut|def=Decrease number by ten|pc=Page Down|mac=Page Down|hint=}}
+
-
 
+
-
=== DOM Side Panel ===
+
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
-
{{kbdshortcut|def=Finish editing|pc=Return|mac=Return|hint=}}
+
-
{{kbdshortcut|def=Cancel editing|pc=Esc|mac=Esc|hint=}}
+
-
{{kbdshortcut|def=Auto-complete next property|pc=Tab|mac=Tab|hint=}}
+
-
{{kbdshortcut|def=Auto-complete previous property|pc=Shift+Tab|mac=Shift+Tab|hint=}}
+
 +
==== Inline editing ====
 +
{| class="light" style="width:100%; vertical-align:top;"
 +
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
 +
|-
 +
| Increase number by 0.1 || <code class="key">Ctrl</code> + <code class="key">&uarr;</code> || <code class="key">&#8984;</code> + <code class="key">&uarr;</code> || {{addedTag|version=1.8.0}}
 +
|-
 +
| Decrease number by 0.1 || <code class="key">Ctrl</code> + <code class="key">&darr;</code> || <code class="key">&#8984;</code> + <code class="key">&darr;</code> || {{addedTag|version=1.8.0}}
 +
|-
 +
| Increase number by 1 || <code class="key">&uarr;</code> || <code class="key">&uarr;</code> ||
 +
|-
 +
| Decrease number by 1 || <code class="key">&darr;</code> || <code class="key">&darr;</code> ||
 +
|-
 +
| Increase number by 10 || <code class="key">Shift</code> + <code class="key">&uarr;</code>, <code class="key">Page Up</code> || <code class="key">Shift</code> + <code class="key">&uarr;</code>, <code class="key">Page Up</code> || {{changedTag|version=1.8.0}}, previously just <code class="key">Page Up</code>
 +
|-
 +
| Decrease number by 10 || <code class="key">Shift</code> + <code class="key">&darr;</code>, <code class="key">Page Down</code> || <code class="key">Shift</code> + <code class="key">&darr;</code>, <code class="key">Page Down</code> || {{changedTag|version=1.8.0}}, previously just <code class="key">Page Down</code>
 +
|-
 +
| Increase number by 100 || <code class="key">Shift</code> + <code class="key">Page Up</code> || <code class="key">Shift</code> + <code class="key">Page Up</code> || {{addedTag|version=1.11.5}}
 +
|-
 +
| Decrease number by 100 || <code class="key">Shift</code> + <code class="key">Page Down</code> || <code class="key">Shift</code> + <code class="key">Page Down</code> || Since {{addedTag|version=1.11.5}}
 +
|}
== CSS Panel ==
== CSS Panel ==
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Edit property|pc=Click on property|mac=Click on property|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Insert new property|pc=Double-Click on white-space|mac=Double-Click on white-space|hint=}}
+
|-
-
{{kbdshortcut|def=Focus CSS Location Menu|pc=Ctrl+Space|mac=&#8984;+Shift+Space|hint=}}
+
| Edit property name or value || Click on it || Click on it ||  
-
 
+
|-
-
== CSS Editing ==
+
| Insert new property || Double-Click on white-space || Double-Click on white-space ||
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
|-
-
{{kbdshortcut|def=Finish editing|pc=Return|mac=Return|hint=}}
+
| Focus CSS Location Menu || <code class="key">Ctrl</code> + <code class="key">Space</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">Space</code> ||  
-
{{kbdshortcut|def=Cancel editing|pc=Esc|mac=Esc|hint=}}
+
|}
-
{{kbdshortcut|def=Advance to next Field|pc=Tab|mac=Tab|hint=}}
+
-
{{kbdshortcut|def=Advance to previous Field|pc=Shift+Tab|mac=Shift+Tab|hint=}}
+
-
{{kbdshortcut|def=Increase number by one|pc=Up|mac=Up|hint=}}
+
-
{{kbdshortcut|def=Decrease number by one|pc=Down|mac=Down|hint=}}
+
-
{{kbdshortcut|def=Increase number by ten|pc=Page Up|mac=Page Up|hint=}}
+
-
{{kbdshortcut|def=Decrease number by ten|pc=Page Down|mac=Page Down|hint=}}
+
-
{{kbdshortcut|def=Auto-complete next keyword|pc=Up|mac=Up|hint=}}
+
-
{{kbdshortcut|def=Auto-complete previous keyword|pc=Down|mac=Down|hint=}}
+
 +
=== Inline editing ===
 +
{| class="light" style="width:100%; vertical-align:top;"
 +
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
 +
|-
 +
| Create new property || <code class="key">Ctrl</code> + <code class="key">Enter</code> || <code class="key">&#8984;</code> + <code class="key">Enter</code> ||
 +
|-
 +
| Increase number by 0.1 || <code class="key">Ctrl</code> + <code class="key">&uarr;</code> || <code class="key">&#8984;</code> + <code class="key">&uarr;</code> || {{addedTag|version=1.8.0}}
 +
|-
 +
| Decrease number by 0.1 || <code class="key">Ctrl</code> + <code class="key">&darr;</code> || <code class="key">&#8984;</code> + <code class="key">&darr;</code> || {{addedTag|version=1.8.0}}
 +
|-
 +
| Increase number or hex value by 1 || <code class="key">&uarr;</code> || <code class="key">&uarr;</code> ||
 +
|-
 +
| Decrease number or hex value by 1 || <code class="key">&darr;</code> || <code class="key">&darr;</code> ||
 +
|-
 +
| Increase number by 10 or hex value by 16 || <code class="key">Shift</code> + <code class="key">&uarr;</code>, <code class="key">Page Up</code> || <code class="key">Shift</code> + <code class="key">&uarr;</code>, <code class="key">Page Up</code> || Since Firebug 1.8, previously just <code class="key">Page Up</code>
 +
|-
 +
| Decrease number by 10 or hex value by 16 || <code class="key">Shift</code> + <code class="key">&darr;</code>, <code class="key">Page Down</code> || <code class="key">Shift</code> + <code class="key">&darr;</code>, <code class="key">Page Down</code> || Since Firebug 1.8, previously just <code class="key">Page Down</code>
 +
|-
 +
| Increase number by 100 or hex value by 64 || <code class="key">Shift</code> + <code class="key">Page Up</code> || <code class="key">Shift</code> + <code class="key">Page Up</code> || Since Firebug 1.11.5
 +
|-
 +
| Decrease number by 100 or hex value by 64 || <code class="key">Shift</code> + <code class="key">Page Down</code> || <code class="key">Shift</code> + <code class="key">Page Down</code> || Since Firebug 1.11.5
 +
|-
 +
| Auto-complete next keyword || <code class="key">&uarr;</code> || <code class="key">&uarr;</code> ||
 +
|-
 +
| Auto-complete previous keyword || <code class="key">&darr;</code> || <code class="key">&darr;</code> ||
 +
|}
== Script Panel ==
== Script Panel ==
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Continue|pc=F8|mac=F8|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=&nbsp;|pc=Ctrl+/|mac=&#8984;+/|hint=}}
+
|-
-
{{kbdshortcut|def=Step Over|pc=F10|mac=F10|hint=}}
+
| Rerun || <code class="key">Shift</code> + <code class="key">F8</code> || <code class="key">Shift</code> + <code class="key">F8</code> || {{addedTag|version=1.9.0}}
-
{{kbdshortcut|def=&nbsp;|pc=Ctrl+'|mac=&#8984;+'|hint=}}
+
|-
-
{{kbdshortcut|def=Step Into|pc=F11|mac=F11|hint=}}
+
| Continue || <code class="key">F8</code> || <code class="key">F8</code> ||  
-
{{kbdshortcut|def=&nbsp;|pc=Ctrl+;|mac=&#8984;+;|hint=}}
+
|-
-
{{kbdshortcut|def=Step Out|pc=Shift+F11|mac=Shift+F11|hint=}}
+
| Step Over || <code class="key">F10</code> || <code class="key">F10</code> ||  
-
{{kbdshortcut|def=&nbsp;|pc=Ctrl+Shift+;|mac=&#8984;+Shift+;|hint=}}
+
|-
-
{{kbdshortcut|def=Toggle breakpoint|pc=Click on line number|mac=Click on line number|hint=}}
+
| Step Into || <code class="key">F11</code> || <code class="key">F11</code> ||  
-
{{kbdshortcut|def=Disable breakpoint|pc=Shift+Click on line number|mac=Shift+Click on line number|hint=}}
+
|-
-
{{kbdshortcut|def=Edit breakpoint condition|pc=Right-Click on line number|mac=Right-Click on line number|hint=}}
+
| Step Out || <code class="key">Shift</code> + <code class="key">F11</code> || <code class="key">Shift</code> + <code class="key">F11</code> ||  
-
{{kbdshortcut|def=Run to line|pc=Middle-Click on line number|mac=Middle-Click on line number|hint=}}
+
|-
-
{{kbdshortcut|def=&nbsp;|pc=Ctrl+Click on line number|mac=&#8984;+Click on line number|hint=}}
+
| Toggle breakpoint || Click on line number || Click on line number ||
-
{{kbdshortcut|def=Next function on stack|pc=Ctrl+.|mac=Ctrl+.|hint=}}
+
|-
-
{{kbdshortcut|def=Previous function on stack|pc=Ctrl+,|mac=Ctrl+,|hint=}}
+
| Disable breakpoint || <code class="key">Shift</code> + Click on line number || <code class="key">Shift</code> + Click on line number ||
-
{{kbdshortcut|def=Focus Scripts Location Menu|pc=Ctrl+Space|mac=&#8984;+Shift+Space|hint=}}
+
|-
-
{{kbdshortcut|def=Focus Watch Side Panel|pc=Ctrl+Shift+N|mac=&#8984;+Shift+N|hint=}}
+
| Edit breakpoint condition || Right-Click on line number || Right-Click on line number ||
 +
|-
 +
| Run to line || Middle-Click on line number, <code class="key">Ctrl</code> + Click on line number || Middle-Click on line number, <code class="key">&#8984;</code> + Click on line number ||
 +
|-
 +
| Next function on stack || <code class="key">Ctrl</code> + <code class="key">.</code> || <code class="key">&#8984;</code> + <code class="key">.</code> ||  
 +
|-
 +
| Previous function on stack || <code class="key">Ctrl</code> + <code class="key">,</code> || <code class="key">&#8984;</code> + <code class="key">,</code> ||  
 +
|-
 +
| Focus Scripts Location Menu || <code class="key">Ctrl</code> + <code class="key">Space</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">Space</code> ||  
 +
|-
 +
| Focus Watch Side Panel || <code class="key">Ctrl</code> + <code class="key">Shift</code> + <code class="key">N</code> || <code class="key">&#8984;</code> + <code class="key">Shift</code> + <code class="key">N</code> ||
 +
|-
 +
| Go to line number || <code class="key">Ctrl</code> + <code class="key">L</code> || <code class="key">&#8984;</code> + <code class="key">L</code> ||
 +
|}
=== Watch Side Panel ===
=== Watch Side Panel ===
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Finish editing|pc=Return|mac=Return|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Cancel editing|pc=Esc|mac=Esc|hint=}}
+
|-
-
{{kbdshortcut|def=Auto-complete next property|pc=Tab|mac=Tab|hint=}}
+
| Finish editing || <code class="key">Enter</code> || <code class="key">Return</code> ||  
-
{{kbdshortcut|def=Auto-complete previous property|pc=Shift+Tab|mac=Shift+Tab|hint=}}
+
|-
 +
| Cancel editing || <code class="key">Esc</code> || <code class="key">Esc</code> ||  
 +
|-
 +
| Auto-complete property || <code class="key">Tab</code> || <code class="key">Tab</code> || {{changedTag|version=1.10.0}}; behaves like the command line
 +
|}
 +
== DOM Panel ==
 +
{| class="light" style="width:100%; vertical-align:top;"
 +
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
 +
|-
 +
| Edit property || Double-Click on empty space || Double-Click on empty space ||
 +
|-
 +
| Next object in path || <code class="key">Ctrl</code> + <code class="key">.</code> || <code class="key">Ctrl</code> + <code class="key">.</code> ||
 +
|-
 +
| Previous object in path || <code class="key">Ctrl</code> + <code class="key">,</code> || <code class="key">Ctrl</code> + <code class="key">,</code> ||
 +
|}
-
== DOM Panel ==
+
=== Editing ===
-
{{kbdshortcut|def='''Description'''|pc='''Window, Linux'''|mac='''Mac OS'''|hint=}}
+
{| class="light" style="width:100%; vertical-align:top;"
-
{{kbdshortcut|def=Edit property|pc=Double-Click on empty space|mac=Double-Click on empty space|hint=}}
+
! style="width:30%;" | Description || style="width:20%;" | Window, Linux || style="width:20%;" | Mac OS || style="width:30%;" | Hint
-
{{kbdshortcut|def=Next object in path|pc=Ctrl+.|mac=Ctrl+.|hint=}}
+
|-
-
{{kbdshortcut|def=Previous object in path|pc=Ctrl+,|mac=Ctrl+,|hint=}}
+
| Finish editing || <code class="key">Enter</code> || <code class="key">Return</code> ||
 +
|-
 +
| Cancel editing || <code class="key">Esc</code> || <code class="key">Esc</code> ||
 +
|-
 +
| Suggest next auto-completion || <code class="key">&darr;</code> || <code class="key">&darr;</code> ||
 +
|-
 +
| Suggest previous auto-completion || <code class="key">&uarr;</code> || <code class="key">&uarr;</code> ||
 +
|-
 +
| Apply suggested auto-completion || <code class="key">Tab</code>, <code class="key">Enter</code> || <code class="key">Tab</code> + <code class="key">Return</code> ||
 +
|}
 +
 
 +
== See also ==
 +
* [[Firebug Shortcut Bindings]]
 +
* [[Accessibility#Key_Binding_Mechanism|Keyboard shortcut re-binding]]
 +
 
 +
[[Category:Firebug]]
 +
[[Category:UI]]

Revision as of 16:57, 21 March 2014

Complete reference of the quickest ways to get things done in Firebug. You can also use duvet-dayz Firebug Cheatsheet.

You can change some of the shortcuts via Firebug Menu > Customize Shortcuts.

Contents

Global

Description Window, Linux Mac OS Hint
Help F1 F1 Firebug 1.7.0
Command History Ctrl + H + H Firebug 1.7.0
Open Firebug Panel F12 F12
Close Firebug Panel F12 F12
Deactivate Firebug Shift + F12 Shift + F12
Open Firebug in window Ctrl + F12 + F12
Switch to previous Panel Ctrl + ` Ctrl + `
Toggle Command Line Popup Ctrl + Shift + L + Shift + L
Close Command Line Popup Esc Esc
Focus Search Field Ctrl + F + F Firebug 1.9.0, previously Ctrl/ + Shift + K
Toggle Inspect Mode Ctrl + Shift + C + Shift + C
Toggle JavaScript Profiler Ctrl + Shift + P + Shift + P
Customize Shortcuts Ctrl + Shift + Alt + B + Shift + Alt + B
Re-execute last command Ctrl + Shift + E + Shift + E
Toggle Break On ... Ctrl + Alt + B + Alt + B Firebug 1.10.0
Increase text size Ctrl + + or Ctrl + Alt + Mousewheel up + + or + Alt + Mousewheel up Firebug 1.9.0, previously Ctrl/ + Alt + +
Decrease text size Ctrl + - or Ctrl + Alt + Mousewheel down + - or + Alt + Mousewheel down Firebug 1.9.0, previously Ctrl/ + Alt + -
Reset text size Ctrl + 0 or Ctrl + Alt + Middle click + 0 or + Alt + Middle click Firebug 1.9.0, previously Ctrl/ + Shift + Numpad 0

Inline editing

Description Window, Linux Mac OS Hint
Finish editing Shift + Enter Shift + Return
Cancel editing Esc Esc
Advance to next field Enter, Tab Enter, Tab
Advance to previous field Shift + Tab Shift + Tab

Console Panel

Description Window, Linux Mac OS Hint
Clear the Console Alt + R Alt + R Firebug 2.0, previously Ctrl/ + Shift + R

Command Line

Description Window, Linux Mac OS Hint
Focus Command Line Ctrl + Shift + L + Shift + L
Auto-complete property Tab, or Enter Tab, or Return
Switch between completions or or
Cancel auto-completion Esc Esc
Execute Enter Return
Inspect result in appropriate panel Shift + Enter Shift + Return See inspect
Show Completion List Popup Ctrl + Space + Space Firebug 1.10.0
Select previous suggestion in Completion List Popup /
Select previous command in history
Select next suggestion in Completion List Popup /
Select next command in history
Select suggestion three positions above/below in Completion List Popup Mouse wheel up/down Mouse wheel up/down Firebug 1.10.0
Select suggestion on the previous page in Completion List Popup Page Up Page Up Firebug 1.10.0
Select suggestion on the next page in Completion List Popup Page Down Page Down Firebug 1.10.0
Select first suggestion in Completion List Popup Home Home Firebug 1.10.0
Select last suggestion in Completion List Popup End End Firebug 1.10.0

Command Editor

Description Window, Linux Mac OS Hint
Execute Ctrl + Enter + Return

HTML Panel

Description Window, Linux Mac OS Hint
Edit attribute Click on name or value Click on name or value
Edit text node Click on text Click on text
Edit element Alt + Double-click tag name Alt + Double-Click tag name
Next node in path Ctrl + . Ctrl + .
Previous node in path Ctrl + , Ctrl + ,

Inline editing

Description Window, Linux Mac OS Hint
Finish editing Ctrl + Enter + Return

HTML Inspect Mode

Description Window, Linux Mac OS Hint
Inspect Element Ctrl + Shift + C + Shift + C
Cancel inspection Esc Esc
  Ctrl + Shift + C + Shift + C
Inspect parent Ctrl + +
Inspect child Ctrl + +
Toggle Quick Info Box Ctrl + Shift + I + Shift + I

Layout Side Panel

Description Window, Linux Mac OS Hint
Edit property Click on it Click on it

Inline editing

Description Window, Linux Mac OS Hint
Increase number by 0.1 Ctrl + + Firebug 1.8.0
Decrease number by 0.1 Ctrl + + Firebug 1.8.0
Increase number by 1
Decrease number by 1
Increase number by 10 Shift + , Page Up Shift + , Page Up Firebug 1.8.0, previously just Page Up
Decrease number by 10 Shift + , Page Down Shift + , Page Down Firebug 1.8.0, previously just Page Down
Increase number by 100 Shift + Page Up Shift + Page Up Firebug 1.11.5
Decrease number by 100 Shift + Page Down Shift + Page Down Since Firebug 1.11.5

CSS Panel

Description Window, Linux Mac OS Hint
Edit property name or value Click on it Click on it
Insert new property Double-Click on white-space Double-Click on white-space
Focus CSS Location Menu Ctrl + Space + Shift + Space

Inline editing

Description Window, Linux Mac OS Hint
Create new property Ctrl + Enter + Enter
Increase number by 0.1 Ctrl + + Firebug 1.8.0
Decrease number by 0.1 Ctrl + + Firebug 1.8.0
Increase number or hex value by 1
Decrease number or hex value by 1
Increase number by 10 or hex value by 16 Shift + , Page Up Shift + , Page Up Since Firebug 1.8, previously just Page Up
Decrease number by 10 or hex value by 16 Shift + , Page Down Shift + , Page Down Since Firebug 1.8, previously just Page Down
Increase number by 100 or hex value by 64 Shift + Page Up Shift + Page Up Since Firebug 1.11.5
Decrease number by 100 or hex value by 64 Shift + Page Down Shift + Page Down Since Firebug 1.11.5
Auto-complete next keyword
Auto-complete previous keyword

Script Panel

Description Window, Linux Mac OS Hint
Rerun Shift + F8 Shift + F8 Firebug 1.9.0
Continue F8 F8
Step Over F10 F10
Step Into F11 F11
Step Out Shift + F11 Shift + F11
Toggle breakpoint Click on line number Click on line number
Disable breakpoint Shift + Click on line number Shift + Click on line number
Edit breakpoint condition Right-Click on line number Right-Click on line number
Run to line Middle-Click on line number, Ctrl + Click on line number Middle-Click on line number, + Click on line number
Next function on stack Ctrl + . + .
Previous function on stack Ctrl + , + ,
Focus Scripts Location Menu Ctrl + Space + Shift + Space
Focus Watch Side Panel Ctrl + Shift + N + Shift + N
Go to line number Ctrl + L + L

Watch Side Panel

Description Window, Linux Mac OS Hint
Finish editing Enter Return
Cancel editing Esc Esc
Auto-complete property Tab Tab Firebug 1.10.0; behaves like the command line

DOM Panel

Description Window, Linux Mac OS Hint
Edit property Double-Click on empty space Double-Click on empty space
Next object in path Ctrl + . Ctrl + .
Previous object in path Ctrl + , Ctrl + ,

Editing

Description Window, Linux Mac OS Hint
Finish editing Enter Return
Cancel editing Esc Esc
Suggest next auto-completion
Suggest previous auto-completion
Apply suggested auto-completion Tab, Enter Tab + Return

See also

Personal tools