Softpedia Pick image MPL (Mozilla Public License)    
3.5/5 25
A very powerful and acclaimed Firefox add-on that helps web developers debug code

editor's review





1 comment  

Firebug is a free, cross-platform and open source add-on for the Mozilla Firefox web browser, designed to allow web developers and web designers to easily and quickly find flaws in the source code of their website(s).

With Firebug, you will be able to debug, edit and monitor HTML pages, CSS and JavaScript code, as well as DOM in real-time, live in any web page. It comprises of several components that help developers to stomp every bug on their websites, including a JavaScript debugger, an error console, a logger, and a JavaScript command line.

Getting started with Firebug

This Firefox add-on is easy to install, with a single click of a mouse, and requires no restart of the web browser. To open it and get started with web debugging, simply press the Firebug button from the main toolbar. The Firebug’s interface will open at the bottom of the window.

From there, you will be able to edit HTML code and view changes in real-time, but they won’t be applied to the website, of course. The add-on displays its components in tabs. The default tab is HTML, but you can easily choose to view CSS, JavaScript, DOM and .NET code, as well as cookies.

Firebug in interactive, which means that you will be able to click an element on the web page to inspect it. An error console is also implemented in the user interface, as well as quick access to the add-on’s settings.

The Firebug toolbar button

After installation, the add-on will automatically place a button on the main toolbar, allowing the user to quickly activate it, as well as to configure various essential settings, such as where to place the user interface (top, bottom, detached, left or right). The button also displays the total number of errors found on the current web page.

FireBug was reviewed by Marius Nestor
Last updated on August 16th, 2015
FireBug - Command line and its auto-completion.FireBug - Console panel with an example error logs.FireBug - CSS panel with inline editor.FireBug - DOM panel displays structure of the current page.FireBug - HTML panel shows markup of the current page.FireBug - Layout panel reveals layout of selected elements.FireBug - Net panel monitors HTTP communication.FireBug - Script panel allows to explore and debug JavaScript on the current page.

1 User review so far. Load top Load all