O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.How do I save the edited DOM tree (represented as HTML)?įirebug does not contain any method that can be used to save current DOM to file. Get Professional Ajax, 2nd Edition now with the O’Reilly learning platform.

The first tab is called Console, and it contains a basic command line JavaScript interface.

The basic FireBug 1.0 interface has three tabs in the main panel. This panel can be visible or hidden by default and can be quickly toggled by clicking on the status panel. Second, a main panel displaying information about the currently loaded page is displayed at the bottom of the window. Clicking OK on this dialog installs FireBug (though you'll need to restart the browser to use it).įireBug augments the Firefox window in two ways.įirst, it adds a small panel on the right of the status bar to display error information for the page (green if there are no errors, red if there are errors). Once you have clicked on the download link, you'll be prompted to allow the package to be installed. Installation and SetupįireBug is available for free from FireBug is downloaded as an XPI, meaning that Firefox knows how to install it.

Built into FireBug are tools that allow DOM inspection of the page that is currently loaded, style information about particular elements, and the part most interesting to Ajax developers, monitoring of all traffic from the XHR object. In 2006, Firefox contributor Joe Hewitt introduced FireBug as a new tool to help developers create and debug web sites and web applications. Mozilla's Firefox has long inspired creative add-ons due to its open and fairly straightforward add-on capabilities.

Firebug download for firefox free