What are the alternatives to the Firefox Developer Tools?

Question

Since last few updates of Firefox our beloved Firebug is integrated into the Firefox Developer Tools and a lot of people including me don't like what happened to Firebug.

The built-in developer tools have a very ugly menu system and messed up usability.

So, what are the alternatives to the Firefox Developer Tools? Is there a tool with the same usability as Firebug?

Solution 1

Alternatives are:

1. Turn off multi-process Firefox. (Though that's only a temporary solution and doesn't bring back all functionality of Firebug. E.g. the Script panel is broken in current versions of Firefox.)
2. Install an old version of Firefox where Firebug still works and disable updates. (Also only a temporary solution, because you'll miss (security) bug fixes and new features.)
3. Wait until the gaps between Firebug and the Firefox DevTools are fixed. (Or even help them fixing them.)
4. Switch to another browser and use its developer tools.
5. Rework Firebug to make it compatible with multi-process Firefox (which is the main reason for the integration into the DevTools). Update: Starting with Firefox 57 only WebExtensions will be supported, meaning extensions work cross-browser and are more secure, but they also have limited APIs. So, a reworked Firebug would not have all the features the original Firebug had.

Solution 2

Following Sebastian's advice I've downloaded old Firefox portable v47 from here:

https://sourceforge.net/projects/portableapps/files/Mozilla%20Firefox%2C%20Portable%20Ed./Mozilla%20Firefox%2C%20Portable%20Edition%2047.0.1/

and I'm using it with Firebug only for development. According to Firebug's website 47 is the last compatible version of Firefox:

https://getfirebug.com/downloads

To avoid compromising on security, for normal browsing I use updated version of Chrome.

Comments

[sakhunzai]

thanks for your advice , but the only good thing with firefox was firebug

[Sebastian Zartner]

Well, Firebug's development is officially discontinued and there is no other development tool offering all features Firebug had. So, I can't think of other alternative than the ones I mentioned.

[sakhunzai]

its not your fault :)

[Sebastian Zartner]

Just want to say that those are the alternatives you have. I've added a fourth option stating that you could also modify Firebug's code to let it work with multi-process Firefox. (Though that was the main reason the Firebug Working Group gave up its development, as that requires to rewrite most parts of the code, so it's not a realistic option.)

[Sebastian Zartner]

Also, note that I've written a migration guide on MDN.

[Sebastian Zartner]

And I've added a fifth option stating that you could turn off multi-process Firefox as a temporary solution.

[sakhunzai]

whatever the reason where behide the scene the existing web developer tools accessibility is pathetic , it never worked for me probably it will take another decade to get to the level where firebug was when it discontinued, thanks for your suggestion I appreciate that

[sakhunzai]

let me check your options

[Mehdi Dehghani]

I think it's not correct way to deal with Firefox's changes, if you want to work with Firefox, you should get familiar with its Developer Tools, Firebug was great tool, but there is some features that you need for develop, such as JS profiling & ..., also the team will add more features to FFDT that every developer should have on their toolbox. I recommended switch to FFDT or start working with Chrome dev console, but not Firebug anymore.

[Alan]

@Mehdi Dehghani I think that forcing developers or telling them what tools they should use is counterproductive and undemocratic unless we are talking about a team. If a tool works and has large userbase then it 'should' be developed. In my case FFDT or ChDT are tools not good enough for some tasks to compete with Firebug.

[Sebastian Zartner]

The team behind the Firefox DevTools is much bigger than the one behind Firebug was, so if they put priority into it, I'm confident that they can catch up with accessibility and usability soon. And bug 991806 is there to push that.

[Sebastian Zartner]

Mehdi's comment should be seen as a recommendation. And staying with Firefox 47 is definitely not recommended as a long-term solution. You'll miss important security fixes and new engine features and Developer Tools features.

[Mehdi Dehghani]

@Alan You right, I believe Firefox team should start merging Firebug & FFDT long time ago, before put users in this situation, but they didn't and now you should select best option between available options. as Sebastian said, maybe you disable Firefox update and stay with v47, but you miss lot of features & ..., you have to switch to FFDT or ChDT some day, why not today?

[Alan]

@MehdiDehghani, SebastianZartner: I thought about it and I agree with you guys. I planned to use this configuration(FF47+FB) on one particular AJAX-heavy project but after playing with FFDT it seems fine. I'm still more comfortable with Firebug though because of its familiar user interface.

[Lord_Dracon]

Lastest Firefox that supports Firebug is 50.0.2.

[Lord_Dracon]

Lastest Firefox that supports Firebug is 50.0.2.