What is firebug tool ?


Firebug makes changes immediately and gives constant feedback to the user. All editors in Firebug support autocomplete.[11]

The Firebug command line accepts commands written in JavaScript. The result of executing each command is displayed in the console, appearing as hyperlinks. The Firebug application contains multiple windows, splitting related features to a common window.[13] Firebug also allows users to view the download time for individual files. It separates different types of objects, such as JavaScript files and images, and can determined which files are loaded from a browser’s cache. Firebug also features the ability to examine HTTP headers and time stamps relative to when an HTTP request is made.[14] Its net panel can monitor URLs that the browser requests, such as external CSS, JavaScript, and image files.

The HTML and CSS tools allow for the inspection and editing of HTML and CSS elements on a web page.[15] Later versions of Firebug allow users to see live changes to the CSS.[11] Visualization of CSS elements is shown while inspecting HTML elements. The Firebug layout tab is used to display and manipulate CSS property values. Furthermore, users can click on any visible HTML elements on a web page to access its CSS property values.[16]
JavaScript Console

Firebug’s script tab enables users to set breakpoints and step through lines of code.[17] Additionally, Firebug can navigate directly to a line of JavaScript code, watch expressions, call stacks, and launch the debugger in the event an error occurs during execution. Firebug can also log errors. Logging uses a Firebug JavaScript API. Firebug’s JavaScript panel can log errors, profile function calls, and enable the developer to run arbitrary JavaScript. Firebug allows users to run JavaScript code through the command line and allows the user to log errors that occur in the JavaScript, CSS, and XML. Firebug provides a separate text editor to modify the JavaScript and see immediate results on the user’s browser.

As provided in an update, the JavaScript command line features an autocomplete function. The text editor also provides the ability to write full functions. Firebug requires a user to refresh a web page in the event of a crash.

Many extensions have been made to enhance Firebug. Since Firebug is open source, users can contribute their own extensions to the Firebug community.[18]

FlashFirebug is a paid Firebug extension[19] that helps Flash and Flex developers debug Adobe SWF files on the web. FlashFirebug was developed by O-Minds[20] and is licensed under the GPLv3.

In February 2012, O-Minds purchased the code to FlashBug,[21] a competing Firefox extension. Flashbug had extensive capabilities to parse AMF and Shared Objects objects and partially decompile Adobe SWF files directly in the browser.[21] Soon after the purchase, O-Minds integrated key features of FlashBug into FlashFirebug and retired Flashbug[22] from the AMO repository.

Currently the extension displays textual Output from trace() commands within the Adobe SWF movie,[20] a Display Tree with the hierarchy of display objects and their properties,[20] viewers for AMF and Shared Objects,[20] and a tool to modify the 3D transformation of any display object on the stage.[20]

Leave a Reply

Your email address will not be published. Required fields are marked *