

Firebug
554 likes
Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Platforms
- Mac
- Windows
- Linux
- Firefox
Discontinued
The Firebug extension isn't being developed or maintained any longer. The team advised to use the built-in
Firefox Developer Tools , which ship with Firebug. Last version of Firebug, 2.0.18, was released on October 7, 2016 and didn't support the browser's multi-process architecture.
Features
Highlights All activities
Firebug News & Activities
Recent activities
No activities found.
Recently discontinued apps
Well know apps that have been discontinued recently.
Discontinued Legacy Addons for Firefox
Firefox Quantum has been released a few days ago. The new update from Mozilla is one met with excitement from many users, for good reason. Firefox Quantum is extremely fast, gives you a smooth browsing experience, comes with a polished interface, and finally drops Yahoo! Search as the default search engine (Sorry Yahoo, it was time for you to go). There were, however, many users who were frustrated with the new update, as many of the add-ons that made Firefox so useful are no longer supported in the Quantum update.
Firefox Quantum uses the new WebExtensions API, while many add-ons use the older API that is no longer supported in the updated version. This comes as a disappointment, especially for power-users who enjoyed Firefox for the powerful add-ons that were created for it, such as Firebug or FlashGot . So if you're one of the users that is unhappy about the lack of backwards compatibility, what can you do?
First, you can search for an alternative extension. Luckily, Firefox makes this pretty easy. If you go into "Add-Ons" from the Firefox menu, you'll see your current add-ons. If you aren't seeing add-ons that you previously had installed, before the update, then it is likely they aren't supported in the new version. If this is the case, you can find them by clicking "Legacy Extensions" on the left-hand side of the page. You should see something similar to the screenshot below (depending on the add-ons installed, of course):
As you can see, if you have an unsupported legacy add-on installed, Firefox now gives you the ability to "Find a Replacement." Which you can do by clicking the respective button, on the right-hand side of the add-on. From there, you'll be taken to a page where you can browse alternative add-ons for the unsupported legacy add-on. In most cases, for most add-ons, this works well and you are likely to be able to find a suitable replacement for the add-on you were attached to.
Second option, you can wait and hope that the developers port the legacy add-on to the new WebExtensions API. Unfortunately, some add-on developers have already announced that they won't be porting to support WebExtensions API, such as Firebug and Selenium IDE . Others have announced that updates are in the works, such as LastPass and Greasemonkey , so be sure to check out the website for your favorite add-on to see what the status on an update is.
Finally, if the above two options don't work for you, you can always find and switch to an alternative web browser. You can check out the possible alternatives to Mozilla Firefox . But before you think about making the switch to another browser, you should know that Firefox Quantum is an incredible leap forward for Firefox. The improvements are tremendous, and Mozilla's commitment to ensuring future stability with the browser is clear - you may want to stick around with Firefox.
Here is a list of some of the top add-ons that will not be updated and therefore will not work in Firefox Quantum:
MySoft
Apps i'm using on day to day basis in my work












Comments and Reviews
I like firebug very much, but they already discontinued. It's a shame that they already discontinued.
Hi everyone,
Can anyone explain me why some tags are highlighted in light grey? The text of some tags (divs) appears grey... I have just started doing some html and css coding so unfortunately I'm not able to tell if I am doing anything wrong with my codes. I am happy with the way things appear on the page but I'd like to know why that particular object is highlighted. Here is the link. It's the div id="tag"...
Any help would be much appreciated!
Thanks
I don't really get the question. Do you mean gray in Firebug or in the browser?
Firebug usually set elements to light gray when they are hidden.
Here is a good reference on Firebug tutorial : http://www.w3resource.com/web-development-tools/firebug-tutorials.php
There's not much that the built-in Chrome Developer Tools can't do that Firebug can. Either way, Firebug is still an amazing plug-in.
One problem with Firebug is that when the page URL changes, the Net logging console resets/clears, giving you no ability to see what just happened if the page does an HTTP redirect. There are plans to fix this in version 1.5 of Firebug, but for now you're left with using Wireshark instead.