Alternatives to Firebug for all platforms with any license

  • Firefox Developer Tools

    Examine, edit, and debug HTML, CSS, and JavaScript on the desktop and on mobile.

    • Almost the same functionality as Firebug, with a lot of improvements. yphastosMar 2017 • 2 agrees and 2 disagrees Disagree   Agree
    • Directly integrated in Firefox, so it is faster. And guaranteed to stay updated as Firefox evolves. Guest • Jan 2017 • 0 agrees and 1 disagrees Disagree   Agree

    Free Open Source Mac Windows Linux Firefox

    Firefox Developer Tools icon
  • HttpFox

    HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web servers. It aims to bring the functionality known from tools like...

    Free Mac Windows Linux Waterfox Pale Moon

    HttpFox icon
    • Discontinued The project is no longer developed. Last version, 0.8.14.1, released in May 2014, is not compatible with Firefox, but the extension still works on XUL-based Firefox forks like https://alternativeto.net/software/waterfox/ and https://alternativeto.net/software/palemoon/
  • Visual Inspector

    Visual Inspector by CanvasFlip is a website inspector and editor made by and for designers. Get measurements, inspect and make changes to design and text inline and with...

    Freemium $ $ $ Web Chrome

    Visual Inspector icon
  • DOMScope

    DOMScope is an online web inspector and debugger for mobile web apps. Like Chrome's DevTools, it allows developers to navigate through the HTML, list applied CSS...

    Free Web

    DOMScope icon
  • Live HTTP Headers (Chrome)

    Monitor all HTTP/HTTPs traffic from your browser. Live HTTP Headers logs all HTTP traffic between Google Chrome and the Internet. This extension can be helpful if...

    • Firebug is specifically DOM based and allows manipulation of it (including dynamic style changes), whereas LIVE HTTP Headers captures traffic but does not offer the ability to manipulate the DOM. This application has more in common with Terlerik's Fiddler application than it does with FireBug. Guest • Feb 2017 Disagree   Agree

    Free Mac Windows Linux Chrome

    Live HTTP Headers (Chrome) icon
    • Warning Suspected of distribute adwares, even after removing the extension
  • Graphical HTTP Client

    HTTP Client is a Mac OS X Leopard developer tool for debugging HTTP services by graphically creating and inspecting complex HTTP messages.

    Commercial Mac

    No features added Add a feature

    Graphical HTTP Client icon
  • HttpWatch

    HttpWatch is an HTTP viewer and debugger that integrates with IE and Firefox to provide seamless HTTP and HTTPS monitoring without leaving the browser window. It's...

    Commercial Windows Firefox

    No features added Add a feature

    HttpWatch icon
  • Tracy

    Tracy: the addictive tool to ease debugging PHP code for cool developers. Friendly design, logging, profiler, advanced features like debugging AJAX calls or CLI support....

    Free Open Source Self-Hosted PHP

    No features added Add a feature

  • RESTed

    RESTed allows developers to quickly format and make HTTP requests and view the response. RESTed supports both basic HTTP authentication and OAuth. RESTed shows...

    Commercial $ $ $ Mac

    No features added Add a feature

    RESTed icon
  • SplineTech Javascript Debugger

    SplineTech JavaScript Debugger is the fastest independent standalone JavaScript Debugger that enables you to debug JavaScript for IE completely independently of any...

    Commercial Windows

    No features added Add a feature

    SplineTech Javascript Debugger icon

Platforms

Desktop

Browsers

Show 8 less popular platforms

Firebug Comments

highlighted text in html panel

Comment by mfgmdl
about Firebug · Aug 2011 · Helpful Not helpful Report as spam

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

reply

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.

Comment by webdeveloper
about Firebug · Jun 2011 · Helpful Not helpful Report as spam

Here is a good reference on Firebug tutorial :
http://www.w3resource.com/web-development-tools/firebug-tutorials.php

reply
Comment by evan
about Firebug · Jun 2011 · Helpful Not helpful Report as spam

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.

reply
Comment by jbuberel
about Firebug · Jun 2011 · Helpful Not helpful Report as spam

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.

reply