What happened to firebug? Is there a good replacement?

Question

I have been doing a lot of ajax development with JavaScript and found a lot of value in the console in firebug in Chrome telling me the post and response for a call. I can't seem to get firebug on anything any more and while I know Chrome's developer tools and firefox both have a console you can view, I only get things like a 500 error on an ajax call rather than a clear error that could point me in the direction of if there is a problem with a parameter, service address, etc.

Any recommendations on what tool to use?

Answer 1

I use an older version of Pale Moon which still supports it. I know the replacements can do more but I mostly I use it for css and html. The replacements don't load as easily and don't always reflect css changes properly.

Answer 2

I think you can do almost everything and many more with Chrome Developer Tools If you go to the Network tab in Google Developer Tools, you can see everything goes through the web browser. If you want to filter REST API calls, select XHR tab. There you can see all the details. If it's Post Request then see the JSON body etc.

In the preview tab, you can see the response you got for the API call.

There are many ways to make Developer life easy using Chrome Developer Tools, Use below references to know more.

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/user/ChromeDevelopers/featured

Answer 3

Firebug was discontinued last year (2017).

So it’s sad that Firebug is now reaching end-of-life in the Firefox browser, with the release of Firefox Quantum (version 57) next month. The good news is that all the capabilities of Firebug are now present in current Firefox Developer Tools.

So, the Firefox Developer Tools (which are built into Firefox) are recommended for debugging websites as the replacement for Firebug.