Firebug shortcut keys/ Anand technical education

Table of Contents:

1. Managing Firebug
2. HTML-Panel
3. CSS-Panel
4. 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

Anand technical education