Keyboard and Mouse Shortcuts

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
(Undo revision 287 by 10.2.81.4 (Talk))
(Updated Command Line shortcuts)
(28 intermediate revisions not shown)
Line 1: Line 1:
-
<b>Portland SEO Company</b>
+
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].
-
Portland SEO is a keyword domain website run by a solid web design and internet marketing company in Portland, Oregon. With a firm dedication to solid branding and compelling content, Northwest eSource goes over the top compared to most Portland web design companies. Their primary strategy is what they call Search Engine Presence, which is helping their clients obtain multiple positions on Google for keywords their prospects use to find them <a href=http://www.portland-seo.com/>Portland SEO Company</a>.  
+
You can change some of the shortcuts via ''[[Firebug Menu]] > Customize Shortcuts''.
-
<a href=http://www.portland-seo.com/>SEO Company in Portland</a>, <a href=http://www.portland-seo.com/>SEO Portland</a>, <a href=http://www.portland-seo.com/>Internet Marketing Portland</a>, <a href=http://www.portland-seo.com/>Search Engine Presence</a>
+
See also [http://getfirebug.com/wiki/index.php/Accessibility#Key_Binding_Mechanism Keyboard shortcut re-binding]
-
http://www.portland-seo.com/
+
== Global ==
 +
{| 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
 +
|-
 +
| Help || F1 || F1 || Since Firebug 1.7
 +
|-
 +
| Command History || Ctrl+H || &#8984;+H || Since Firebug 1.7
 +
|-
 +
| Open Firebug Panel || F12 || F12 ||
 +
|-
 +
| Close Firebug Panel || F12 || F12 ||
 +
|-
 +
| Deactivate Firebug || Shift+F12 || Shift+F12 ||
 +
|-
 +
| Open Firebug in window || Ctrl+F12 || &#8984;+F12 ||
 +
|-
 +
| Switch to previous Panel || Ctrl+` || Ctrl+` ||
 +
|-
 +
| Toggle [[Command Line|Command Line Popup]] || Ctrl+Shift+L || &#8984;+Shift+L ||
 +
|-
 +
| Close [[Command Line|Command Line Popup]] || Esc || Esc ||
 +
|-
 +
| Focus Search Field || Ctrl+F || &#8984;+F || Since Firebug 1.9.0, previously Ctrl/&#8984;+Shift+K
 +
|-
 +
| Toggle Inspect Mode || Ctrl+Shift+C || &#8984;+Shift+C ||
 +
|-
 +
| Toggle JavaScript Profiler || Ctrl+Shift+P || &#8984;+Shift+P ||
 +
|-
 +
| Customize Shortcuts || Ctrl+Shift+Alt+B || &#8984;+Shift+Alt+B ||
 +
|-
 +
| Re-execute last command || Ctrl+Shift+E || Ctrl+Shift+E ||
 +
|-
 +
| Toggle [[Break On ...]] || Ctrl+Alt+B || &#8984;+Alt+B || Since Firebug 1.10.0
 +
|-
 +
| Increase text size || Ctrl++ or Ctrl+Alt+Mousewheel up || &#8984;++ or &#8984;+Alt+Mousewheel up || Since Firebug 1.9.0, previously Ctrl/&#8984;+Alt++
 +
|-
 +
| Decrease text size || Ctrl+- or Ctrl+Alt+Mousewheel down || &#8984;+- or &#8984;+Alt+Mousewheel down || Since Firebug 1.9.0, previously Ctrl/&#8984;+Alt+-
 +
|-
 +
| Reset text size || Ctrl+0 or Ctrl+Alt+Middle click || &#8984;+0 or &#8984;+Alt+Middle click || Since Firebug 1.9.0, previously Ctrl/&#8984;+Shift+Numpad 0
 +
|}
 +
 
 +
== Console Panel ==
 +
=== Command Line ===
 +
{| 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
 +
|-
 +
| Focus [[Command Line]] || Ctrl+Shift+L || &#8984;+Shift+L ||
 +
|-
 +
| Auto-complete property || Tab, Right Arrow or Return || Tab, Right Arrow or Return ||
 +
|-
 +
| Switch between completions || Up or Down Arrow || Up or Down Arrow ||
 +
|-
 +
| Cancel auto-completion || Escape || Escape ||
 +
|-
 +
| Execute || Return || Return ||
 +
|-
 +
| Inspect result in appropriate panel || Shift+Return || Shift+Return || See [[inspect]]
 +
|-
 +
| Show Completion List Popup || Ctrl+Space || &#8984;+Space || Since Firebug 1.10.0
 +
|-
 +
| Select previous suggestion in Completion List Popup / <br/>Select previous command in history || Up || Up ||
 +
|-
 +
| Select next suggestion in Completion List Popup / <br/>Select next command in history || Down || Down ||
 +
|-
 +
| Select suggestion three positions above/below in Completion List Popup || Mouse wheel up/down || Mouse wheel up/down || Since Firebug 1.10.0
 +
|-
 +
| Select suggestion on the previous page in Completion List Popup || Page Up || Page Up || Since Firebug 1.10.0
 +
|-
 +
| Select suggestion on the next page in Completion List Popup || Page Down || Page Down || Since Firebug 1.10.0
 +
|-
 +
| Select first suggestion in Completion List Popup || Home || Home || Since Firebug 1.10.0
 +
|-
 +
| Select last suggestion in Completion List Popup || End || End || Since Firebug 1.10.0
 +
|}
 +
 
 +
=== Command Editor ===
 +
{| 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
 +
|-
 +
| Execute || Ctrl+Return || &#8984;+Return ||
 +
|}
 +
 
 +
== HTML 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 attribute || Click on name or value || Click on name or value ||
 +
|-
 +
| Edit text node || Click on text || Click on text ||
 +
|-
 +
| Edit element || Double-Click tag name || Double-Click tag name ||
 +
|-
 +
| Next node in path || Ctrl+. || Ctrl+. ||
 +
|-
 +
| Previous node in path || Ctrl+, || Ctrl+, ||
 +
|}
 +
 
 +
=== HTML Editor ===
 +
{| 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 || Return || Return ||
 +
|-
 +
| Cancel editing || Esc || Esc ||
 +
|-
 +
| Advance to next field || Tab || Tab ||
 +
|-
 +
| Advance to previous field || Shift+Tab || Shift+Tab ||
 +
|}
 +
 
 +
=== HTML Inspect Mode ===
 +
{| 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
 +
|-
 +
| Inspect Element || Ctrl+Shift+C || &#8984;+Shift+C ||
 +
|-
 +
| Cancel inspection || Esc || Esc ||
 +
|-
 +
| &nbsp; || Ctrl+Shift+C || &#8984;+Shift+C ||
 +
|-
 +
| Inspect parent || Ctrl+Up || &#8984;+Up ||
 +
|-
 +
| Inspect child || Ctrl+Down || &#8984;+Down ||
 +
|-
 +
| Toggle Quick Info Box || Ctrl+Shift+I || &#8984;+Shift+I ||
 +
|}
 +
 
 +
=== Layout Side 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 value || Click on value || Click on value ||
 +
|}
 +
 
 +
=== Layout 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 || Return || Return ||
 +
|-
 +
| Cancel editing || Esc || Esc ||
 +
|-
 +
| Advance to next field || Tab || Tab ||
 +
|-
 +
| Advance to previous field || Shift+Tab || Shift+Tab ||
 +
|-
 +
| Increase number by one || Up || Up ||
 +
|-
 +
| Decrease number by one || Down || Down ||
 +
|-
 +
| Increase number by ten || Page Up || Page Up ||
 +
|-
 +
| Decrease number by ten || Page Down || Page Down ||
 +
|}
 +
 
 +
=== DOM Side 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
 +
|-
 +
| Finish editing || Return || Return ||
 +
|-
 +
| Cancel editing || Esc || Esc ||
 +
|-
 +
| Auto-complete next property || Tab || Tab ||
 +
|-
 +
| Auto-complete previous property || Shift+Tab || Shift+Tab ||
 +
|}
 +
 
 +
== CSS 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 || Click on property || Click on property ||
 +
|-
 +
| Insert new property || Double-Click on white-space || Double-Click on white-space ||
 +
|-
 +
| Focus CSS Location Menu || Ctrl+Space || &#8984;+Shift+Space ||
 +
|}
 +
 
 +
== CSS 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 || Return || Return ||
 +
|-
 +
| Cancel editing || Esc || Esc ||
 +
|-
 +
| Advance to next Field || Tab || Tab ||
 +
|-
 +
| Advance to previous Field || Shift+Tab || Shift+Tab ||
 +
|-
 +
| Increase number by 0.1|| Ctrl+Up || &#8984;+Up || Since Firebug 1.8
 +
|-
 +
| Decrease number by 0.1 || Ctrl+Down || &#8984;+Down || Since Firebug 1.8
 +
|-
 +
| Increase number by 1 || Up || Up ||
 +
|-
 +
| Decrease number by 1 || Down || Down ||
 +
|-
 +
| Increase number by 10 || Shift+Up, Page Up || Shift+Up, Page Up || Since Firebug 1.8, previously just Page Up
 +
|-
 +
| Decrease number by 10 || Shift+Up, Page Down || Shift+Up, Page Down || Since Firebug 1.8, previously just Page Down
 +
|-
 +
| Auto-complete next keyword || Up || Up ||
 +
|-
 +
| Auto-complete previous keyword || Down || Down ||
 +
|}
 +
 
 +
== Script 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
 +
|-
 +
| Rerun || Shift+F8 || Shift+F8 || Since 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, &#8984;+Click on line number ||
 +
|-
 +
| Next function on stack || Ctrl+. || Ctrl+. ||
 +
|-
 +
| Previous function on stack || Ctrl+, || Ctrl+, ||
 +
|-
 +
| Focus Scripts Location Menu || Ctrl+Space || &#8984;+Shift+Space ||
 +
|-
 +
| Focus Watch Side Panel || Ctrl+Shift+N || &#8984;+Shift+N ||
 +
|-
 +
| Go to line number || Ctrl+L || &#8984;+L ||
 +
|}
 +
 
 +
=== Watch Side 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
 +
|-
 +
| Finish editing || Return || Return ||
 +
|-
 +
| Cancel editing || Esc || Esc ||
 +
|-
 +
| Auto-complete property || Tab || Tab || Since Firebug 1.10; 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 ||
 +
|-
 +
| Finish editing || Return || Return ||
 +
|-
 +
| Cancel editing || Esc || Esc ||
 +
|-
 +
| Next object in path || Ctrl+. || Ctrl+. ||
 +
|-
 +
| Previous object in path || Ctrl+, || Ctrl+, ||
 +
|}

Revision as of 12:39, 17 July 2012

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.

See also Keyboard shortcut re-binding

Contents

Global

Description Window, Linux Mac OS Hint
Help F1 F1 Since Firebug 1.7
Command History Ctrl+H ⌘+H Since Firebug 1.7
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 Since 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 Ctrl+Shift+E
Toggle Break On ... Ctrl+Alt+B ⌘+Alt+B Since Firebug 1.10.0
Increase text size Ctrl++ or Ctrl+Alt+Mousewheel up ⌘++ or ⌘+Alt+Mousewheel up Since Firebug 1.9.0, previously Ctrl/⌘+Alt++
Decrease text size Ctrl+- or Ctrl+Alt+Mousewheel down ⌘+- or ⌘+Alt+Mousewheel down Since Firebug 1.9.0, previously Ctrl/⌘+Alt+-
Reset text size Ctrl+0 or Ctrl+Alt+Middle click ⌘+0 or ⌘+Alt+Middle click Since Firebug 1.9.0, previously Ctrl/⌘+Shift+Numpad 0

Console Panel

Command Line

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

Command Editor

Description Window, Linux Mac OS Hint
Execute Ctrl+Return ⌘+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 Double-Click tag name Double-Click tag name
Next node in path Ctrl+. Ctrl+.
Previous node in path Ctrl+, Ctrl+,

HTML Editor

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

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+Up ⌘+Up
Inspect child Ctrl+Down ⌘+Down
Toggle Quick Info Box Ctrl+Shift+I ⌘+Shift+I

Layout Side Panel

Description Window, Linux Mac OS Hint
Edit value Click on value Click on value

Layout Editing

Description Window, Linux Mac OS Hint
Finish editing Return Return
Cancel editing Esc Esc
Advance to next field Tab Tab
Advance to previous field Shift+Tab Shift+Tab
Increase number by one Up Up
Decrease number by one Down Down
Increase number by ten Page Up Page Up
Decrease number by ten Page Down Page Down

DOM Side Panel

Description Window, Linux Mac OS Hint
Finish editing Return Return
Cancel editing Esc Esc
Auto-complete next property Tab Tab
Auto-complete previous property Shift+Tab Shift+Tab

CSS Panel

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

CSS Editing

Description Window, Linux Mac OS Hint
Finish editing Return Return
Cancel editing Esc Esc
Advance to next Field Tab Tab
Advance to previous Field Shift+Tab Shift+Tab
Increase number by 0.1 Ctrl+Up ⌘+Up Since Firebug 1.8
Decrease number by 0.1 Ctrl+Down ⌘+Down Since Firebug 1.8
Increase number by 1 Up Up
Decrease number by 1 Down Down
Increase number by 10 Shift+Up, Page Up Shift+Up, Page Up Since Firebug 1.8, previously just Page Up
Decrease number by 10 Shift+Up, Page Down Shift+Up, Page Down Since Firebug 1.8, previously just Page Down
Auto-complete next keyword Up Up
Auto-complete previous keyword Down Down

Script Panel

Description Window, Linux Mac OS Hint
Rerun Shift+F8 Shift+F8 Since 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+. Ctrl+.
Previous function on stack Ctrl+, 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 Return Return
Cancel editing Esc Esc
Auto-complete property Tab Tab Since Firebug 1.10; 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
Finish editing Return Return
Cancel editing Esc Esc
Next object in path Ctrl+. Ctrl+.
Previous object in path Ctrl+, Ctrl+,
Retrieved from "http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts"
Personal tools