Firebug
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.
Cost / License
- Free
- Open Source
Application type
Alerts
- Discontinued
Platforms
- Mac
- Windows
- Linux
- Firefox
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
- Web page Debugging
- Debugging
Tags
Firebug News & Activities
Recent activities
Featured in Lists
Well know apps that have been discontinued recently.
Apps i'm using on day to day basis in my work
Firefox Quantum has been released a few days ago. The new update from Mozilla is one met with excitement from many …
What is Firebug?
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.
Firebug is always just a keystroke away, but it never gets in your way. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for.
Firebug makes it simple to find HTML elements buried deep in the page. Once youve found what youre looking for, Firebug gives you a wealth of information, and lets you edit the HTML live.
Firebug information
Developed by
Joe Hewitt Licensing
Open Source and Free product.Alternatives
18 alternatives listedSupported Languages
- English
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.