Learn all the tools that a web designer would need to analyze, debug, edit, and monitor with Firebug Shortcuts for any website’s CSS, HTML, DOM, or JavaScript.
Download Firebug Shortcuts PDF
Table of Contents
Firebug provides you with lots of keyboard shortcuts in order to make working with Firebug easier and faster. As you get familiar with the Firebug shortcuts you will be using more and more of them instead of using the mouse. Download the Firebug Shortcuts list for Windows and Mac users in the form of a PDF.
Managing Firebug Shortcuts
Action | Firebug Shortcut keys Windows | Firebug Shortcut keys Mac |
---|---|---|
Open and close Firebug Panel | F12 | F12 |
Open Firebug in the window | Ctrl + F12 | Command + F12 |
Toggle Inspect Mode | Ctrl + Shift + C | Command + Shift + C |
Focus Command Line | Ctrl + Shift + L | Command + Shift + L |
Focus Search Box | Ctrl + Shift + K | Command + Shift + K |
Firebug Help Page | F1 | F1 |
Read More: 120 GTA V Cheats Shortcuts for Windows
HTML Panel Shortcuts
Action | Firebug Shortcut keys Windows | Firebug Shortcut keys Mac |
---|---|---|
One line down | Down Arrow key | Down Arrow key |
One line up | Up Arrow key | Up Arrow key |
One Node up | Ctrl + Down Arrow key | Command + Down Arrow key |
One Node down | Ctrl + Up Arrow key | Command + Up Arrow key |
Collapse current node | Left Arrow key | Left Arrow key |
Expand current node | Right Arrow key | Right Arrow key |
Read More: 120 Nuke Shortcuts for Windows & Mac
CSS Panel Shortcuts
Action | Firebug Shortcut keys Windows | Firebug Shortcut keys Mac |
---|---|---|
Jump to the next field | Tab | Tab |
Jump to the previous field | Shift + Tab | Shift + Tab |
Increase the number by 1 | Up Arrow key | Up Arrow key |
Decrease the number by 1 | Down Arrow key | Down Arrow key |
Increase the number by 10 | Page Up key | Page Up key |
Decrease the number by 10 | Page Down key | Page Down key |
Finish editing | Enter key | Return key |
Cancel Editing | Esc | Esc |
Read More: 25 HyperWorks Shortcuts for Windows
Script Panel Shortcuts
Action | Firebug Shortcuts Windows | Firebug Shortcuts Mac |
---|---|---|
Continue | F8 | F8 |
Step Over | F10 | F10 |
Step Into | F11 | F11 |
Step Out | Shift + F11 | Shift + F11 |
Next function on the stack | Ctrl + . | Command + . |
Previous function on the stack | Ctrl + , | Command + , |
Focus Scripts Location Menu | Ctrl + Spacebar | Command + Spacebar |
Focus Watch Side Panel | Ctrl + Shift + N | Command + Shift + N |
The task that Firebug was free with a package almost to beat finding a replacement is even harder. Every web browser has its own set of developers too. Just like Mozilla has Firebug, Google Chrome web browser has a developer’s tool and Opera web browser has a Dragonfly tool. Have a look at a list of Google Chrome Shortcuts.
FAQs
What was Firebug?
Firebug was a free and open-source web development tool that allowed developers to inspect, edit, and debug HTML, CSS, and JavaScript on web pages. It was available as a Firefox add-on and was very popular among web developers.
When was Firebug discontinued?
Firebug was officially discontinued on March 6, 2017. The developers announced that they would no longer be working on the project and advised users to switch to Firefox's built-in developer tools.
Why was Firebug discontinued?
The functionality provided by Firebug was integrated into Firefox's built-in developer tools, which meant that there was no longer a need for a separate add-on. The developers also cited the increasing difficulty of maintaining the add-on and keeping up with changes to Firefox as reasons for discontinuing Firebug.
Can I still download Firebug?
Firebug is no longer available for download from the Mozilla Add-ons website. If you have a previous version of Firefox that is compatible with Firebug, you may be able to find an older version of the add-on on other websites, but we recommend against downloading and using older, unsupported software.
What alternatives are there to Firebug?
There are many alternatives to Firebug, including Chrome Developer Tools, Safari Developer Tools, and Microsoft Edge Developer Tools. These tools provide similar functionality to Firebug and are available for free.
READ NEXT:
- 60 Dynamics AX Shortcuts for Windows
- 80 LibreOffice Writer Shortcuts for Windows
- 110 Adobe Dreamweaver Shortcuts for Win & Mac
- 30 Counter-Strike Shortcuts you Should know