Table of Contents:
- 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 |