25 Shortcuts for Firebug

Jump to: Managing Firebug, HTML-Panel, CSS-Panel, Script-Panel

Many Shortcuts listed in the Firebug Help File are conflicting with Firefox Shortcuts. Below what I got working. Firebug also gives the possibility to setup custom shortcuts, which may help.

What I am missing is a shortcuts to jump to each panels (Console, Html, CSS, etc) directly or set the focus on Firebug.

1. Managing Firebug

F12	Open and close Firebug Panel
⌘+f, then shift+Tab	With Firebug Panel open, will put focus on the Panel (via the Firefox Find Box). Does not always work depending on what Panel is open
⌘+F12	Open Firebug in window (for some reason sometimes pressing ⌘+f12 again closes Firefox, use ⌘+w to close the Firebug window instead
⌘+Shift+C	Toggle Inspect Mode
⌘+Shift+L	Focus Command Line
⌘+Shift+K	Focus Search Box
F1	Firebug Help Page

2. HTML-Panel

Arrow Down/Arrow Up	One line down / one line up
⌘+Arrow Down/⌘+Arrow Up	One Node up / one Node down
Arrow Left/Arrow Right	Collapse / Expand current node

3. CSS-Panel

Tab/Shift+Tab	Jump to next / jump to previous field
Arrow Up/ arrow down field with number value	Increase / decrease number by 1
Page Up/ page down field with number value	Increase / decrease number by 10
Enter	Finish editing
Esc	Cancel editing

4. Script-Panel

F8	Continue
F10	Step Over
F11	Step Into
Shift+F11	Step Out
Click on line number	Toggle breakpoint
shift'click on line number	Disable breakpoint
right-click on line number	Edit breakpoint condition
⌘+./⌘+,	Next / previous function on stack
⌘+Space	Focus Scripts Location Menu
⌘+Shift+N	Focus Watch Side Panel

Firebug Shortcuts

Advertising for Consideration:

Ads for Consideration: