Saturday, January 23, 2021

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
F12Open and close Firebug Panel
+f, then shift+TabWith Firebug Panel open, will put focus on the Panel (via the Firefox Find Box). Does not always work depending on what Panel is open
+F12Open Firebug in window (for some reason sometimes pressing +f12 again closes Firefox, use +w to close the Firebug window instead
+Shift+CToggle Inspect Mode
+Shift+LFocus Command Line
+Shift+KFocus Search Box
F1Firebug Help Page

 

2. HTML-Panel
Arrow Down/Arrow UpOne line down / one line up
+Arrow Down/+Arrow UpOne Node up / one Node down
Arrow Left/Arrow RightCollapse / Expand current node

 

3. CSS-Panel
Tab/Shift+TabJump to next / jump to previous field
Arrow Up/ arrow down field with number valueIncrease / decrease number by 1
Page Up/ page down field with number valueIncrease / decrease number by 10
EnterFinish editing
EscCancel editing

 

4. Script-Panel
F8Continue
F10Step Over
F11Step Into
Shift+F11Step Out
Click on line numberToggle breakpoint
shift'click on line numberDisable breakpoint
right-click on line numberEdit breakpoint condition
+./+,Next / previous function on stack
+SpaceFocus Scripts Location Menu
+Shift+NFocus Watch Side Panel
Anand technical education