Search code examples
javascriptajaxfirebug

What happened to firebug? Is there a good replacement?


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?


Solution

  • 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.

    Javascript Request

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

    JSON response

    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