Firebug Terminology

From FirebugWiki

Revision as of 08:46, 12 May 2010 by Sebastianz (Talk | contribs)
Jump to: navigation, search

The Firebug team uses some special phrases for parts of Firebug. This list was created with the intention to give you an overview over the terminology together with a description of the things and therefore help you to understand what we are talking about at getfirebug.com, in issues, forums etc..

Term Description
Module Logical part of web development (like HTML, CSS, DOM etc.)
Panel Bar Main bar including the Firebug Menu, the Inspect Button, navigation history buttons, a tab list of the different modules of Firebug, a search field and buttons for controlling the display and activation of Firebug
Firebug Menu Menu button with the Firebug icon offering general Firebug options
Inspect Button Toggle button giving the possibility to inspect HTML elements of the page inside the HTML Panel
Panel Tab inside the panel bar including special functionality of a module or an extension
Console Panel Panel containing error console and JavaScript command execution functionality
HTML Panel Panel offering information about and functionality for manipulation of the markup structure of the current website/file
CSS Panel Panel containing functionality for CSS information and manipulation of the different CSS containing files of the current website
Script Panel Panel including functionality for JavaScript debugging
DOM Panel Panel with information about the DOM tree of the currently displayed website and functionality for manipulating it
Net Panel Panel offering information about the network requests made during the page load
Panel Toolbar Tool bar inside a panel containing panel related general functionality
Side Panel Tab inside an area on the right side of some panels including related functionality to the main module
Style Side Panel Side Panel including information about and manipulation options to the styles assigned to the currently in the Node View selected node
Computed Side Panel Side Panel showing information about the computed styles for the currently in the Node View selected node
Layout Side Panel Side Panel displaying a box model of the currently in the Node View selected node with functionality for manipulating it
DOM Side Panel Side Panel offering information about the DOM tree of the currently in the Node View selected node and functionality for manipulating it
Watch Side Panel Side Panel giving the possibility to watch the changes of variable values while debugging
Stack Side Panel Side Panel containing the stack trace information while debugging
Breakpoints Side Panel Side Panel listing all breakpoints created for the current page
Options Mini Menu Menu with general options to the panel or tab
Element Path "Breadcrumb list" of the selected node inside the node view up to the root element of the document
Node View Dynamic tree view of the markup based structure of the page inside the HTML Panel
Inspector Tool to select an element inside the currently shown web page for further investigation
Edit Mode Mode of some panels for direct manipulation of the underlying source code, which can be activated through the "Edit" button inside the panel menu
Break On Button Toggle button inside the panel menu of some panels for stopping JavaScript execution on a specific event
Status Bar Icon Firebug symbol inside the status bar of Firefox
Command Line Feature of the console panel to enter one-line JavaScript code
Command Editor Text editor inside the console panel for entering JavaScript code consisting of several lines
Search Field Top right field of the panel bar for searching inside the currently active panel
CSS Location Menu Menu button inside the toolbar of the CSS Panel for switching between the different CSS files included in the currently displayed website
Script Location Menu Menu button inside the toolbar of the Script Panel for switching between the different JavaScript containing files included in the currently displayed website and (based on the script filter) also eval() and event scripts
Eval() Scripts JavaScript code blocks created dynamically through XML HTTP Requests
Event Scripts JavaScript code blocks created dynamically through JavaScript events
Personal tools