Goodbye Firebug. It’s Time to Use Firefox Dev Tools Instead.

For many years, Firebug was one of the most helpful tools available to web developers and designers.

Firebug, launched back in 2006, was an add-on that integrated with the Firefox browser. It helped you to inspect HTML elements and modify your designs directly in the browser.

However, Firebug has reached the end of the road after 10 years. Go to the Firebug website and you’ll see this message:

The closing message on the Firebug site

This awesome piece of software was developed and maintained by Joe Hewitt, Jan Odvarko, robcee and the Firebug Working Group.

I’d like to take a moment to say thank you to the whole Firebug team for helping to make our web design work easier.

Here at OSTraining, we often recommended Firebug to our customers when they had issues or were learning web development. It was the easiest way to find bugs on your sites. Before Firebug, debugging a website was a complex task.

Don’t worry! There are alternatives to Firebug.

The major browsers, including Firefox, already have their own inspect tool with similar capabilities to Firebug. The Firefox team recommends Firefox’s built-in DevTools. There’s also the Web Developer plugin for Firefox, and we have a video class on Web Developer.

UPDATE: Firebug’s features will be rolled into Dev Tools.

UPDATE: since Firebug is not supported anymore. Please try Dev Tools in Firefox, or Developer Tools in Chrome instead.

Author

  • Valentin Garcia

    Valentin discovered Joomla in 2010, and since then he has considered it as the best CMS. Valentin has been coding extensions and templates for Joomla for many years and truly enjoys helping people build their own websites with Open Source tools. He lives in San Julián, Jalisco, México.

    View all posts
0 0 votes
Article Rating
Subscribe
Notify of
guest

15 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Spudley
Spudley
7 years ago

“It helped you to insect HTML elements”
I know that’s a typo, but it made me laugh because it’s right next to the Firebug logo (which is, uh, an insect).

steve
steve
7 years ago
Reply to  Spudley

Thanks Spudley. You spotted the deliberate error 🙂

pepperstreet
7 years ago

Wow – a legend dies! It definitely has changed my life and work. It has saved tons of time and extended my knowledge. BIG THANK YOU!

steve
steve
7 years ago
Reply to  pepperstreet

Yeah, it’s a shame to see it go, although it looks like most of the features will live on.

pepperstreet
7 years ago
Reply to  steve

Right. No tears, just feeling thankful and want to express my deep appreciation.

Topaz
7 years ago

Chrome Dev Tools in Chrome Browser is as good as Firebug and far better than Firefoxes built in dev tools.

steve
steve
7 years ago
Reply to  Topaz

Hi Topaz
Some of our team do indeed use Chromes Dev Tools. If you prefer Chrome it is definitely worth using.

Anonymous
Anonymous
6 years ago

I am grateful for the time we did have Firebug, but SO disappointed that they stopped maintaining it! The new tools are not as good. Sigh.

Alex Smirnov
6 years ago
Reply to  Anonymous

Indeed! Firebug was an awesome tool!

chetan
chetan
6 years ago

hi all, in combination with firebug we were using firepath plug in, to evaluate xpath. That part is definitely missing in firefox devtool, is there any alternative option for the same ???

bob
bob
6 years ago
Reply to  chetan

exactly. with this combination one could do css and xpath locators. using the Eval bar at the top of the displayed DOM you could experiment with locators and use them in selenium. i would gladly pay for a tool that could do this. there has to be many QA automation engineers that use this. i have the FF version 55.0.3 installed and still use it. it’s baffling that this was removed.

chetan
chetan
6 years ago
Reply to  bob

thanks bob…

Davinder
Davinder
6 years ago

Install firefox 50 with firebug 2.0.15 and stop the firefox updates. It will never die then 🙂

Mike Kirby
Mike Kirby
4 years ago

And I need to use a Firebug extension… guess they decided I don’t need to. That’s great. I guess instead of fixing my script I’ll just sit here and stare at the wall.
Exempt this page
[li][center][color=#ff3300][size=1]L![/size][/color][/center]
[/li]

sanjay kumar | ChroPath Creato
sanjay kumar | ChroPath Creato
4 years ago

You can try [url=https://addons.mozilla.org/en-US/firefox/addon/chropath-for-firefox/]ChroPath[/url]

15
0
Would love your thoughts, please comment.x
()
x