Firebug Terminology

From FirebugWiki

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..

Contents 1 General 2 Firebug UI 2.1 General 2.2 Console Panel 2.3 HTML Panel 2.4 CSS Panel 2.5 Script Panel 2.6 DOM Panel 2.7 Net Panel 3 Actions

General

Term	Description
Firebug Test Console (FBTest)	A dialog containing automated test suites for Firebug and other extensions. You can open it using Firebug Menu -> Open Test Console.
Firebug Tracing Console (FBTrace)	A console displaying various log messages helping Firebug developers to debug a debugger. You can open it using Firebug Menu -> Open Firebug Tracing.

Firebug UI

General

Term	Description
Module	Logical part of web development (like HTML, CSS, DOM etc.)
Main Bar	Area at the top of the Firebug UI including the Firebug Menu, the Inspect Button, the 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 accessible through offering general Firebug options
Inspect Button	Toggle button ( ) for enabling the Inspector
Command Line Popup Button	Toggle button ( ) for opening the Command Line Popup
Inspector	Tool giving you the possibility to select HTML elements of the currently shown page by for further investigation inside the HTML Panel
Navigation History Buttons	Two buttons ( and ) letting you switch back and forth in Firebug's navigation history
Window Buttons	Buttons for minimizing (Minimize button), detaching (Detach button) and suspending Firebug (Close button) ()
Panel Selector	Menu reachable through offering the possibility to toggle the display of panels and to switch between panels
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
Main Panel	In case a panel has side panels this means the main area on the left side (by default) of a panel
Side Panel	Tab inside an area on the right side (by default) of some panels including related functionality to the main module
Options Menu	Menu with general options to the panel openable via the little arrow besides the panel's tab ( )
Breakpoint Column	Vertical column on the left hand side of a panel for easily creating and removing breakpoints
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 Toolbar
Break On Button	Toggle button inside the Panel Toolbar of some panels for stopping JavaScript execution on a specific event and jumping to the Script Panel
Addon Bar Icon	Firebug symbol inside the addon bar (formerly called status bar) of Firefox used to open Firebug
Start Button	Toolbar button ( ) used to open Firebug
Command Line Popup	Command Line available inside every panel
Ancestor Path	"Breadcrumb list" of the active or selected element and its anchestors inside the HTML, the DOM and the Script Panel
Search Field	Top right text field ( ) of the panel bar for searching inside the currently active panel
Search Options Panel	Popup displayed at the Search Field containing the options related to the current search

Console Panel

Term	Description
Break On All Errors	Toggle button ( ) inside the Panel Toolbar of the Console Panel for stopping JavaScript execution on all JavaScript errors
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
Completion List Popup	Popup listing all commands and properties available in the current context

HTML Panel

Term	Description
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
Node Path	Ancestor Path of the HTML Panel
Node View	Dynamic tree view of the markup based structure of the page inside the HTML Panel
Break On Mutate	Toggle button ( ) inside the Panel Toolbar of the HTML Panel for stopping JavaScript execution on HTML mutation

CSS Panel

Term	Description
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 Panel

Term	Description
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
Stack Frame Path	Ancestor Path of the Script Panel
Break On Next	Toggle button ( ) inside the Panel Toolbar of the Script Panel for stopping JavaScript execution on the next executed line
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
Static Scripts	JavaScript code blocks statically bound into a page (via <script> tag)
Eval() Scripts	JavaScript code blocks created dynamically through XML HTTP Requests
Event Scripts	JavaScript code blocks created dynamically through JavaScript events

DOM Panel

Term	Description
Property Path	Ancestor Path of the DOM Panel

Net Panel

Term	Description
Break On XHR	Toggle button ( ) inside the Panel Toolbar of the Net Panel for stopping JavaScript execution on XMLHttpRequests
Request List	List of requests displayed inside the Net panel area
Timeline	Waterfall graph of network request timing data

Actions

Term	Description
Activation	Enabling Firebug's modules
Open Firebug	Activating Firebug and displaying its UI (by pressing F12 or clicking the Firebug Start Button)
Minimize Firebug	Hiding the Firebug UI, but keeping Firebug active (by pressing F12 while the UI is open or clicking the Minimize button)
Deactivate/Close Firebug	Deactivating Firebug and hiding its UI (by pressing Shift+F12 or clicking the Close button)
Detach Firebug	Opening the Firebug UI in its own window (by pressing Ctrl/⌘+F12 or clicking the Detach button while the UI is attached)
(Re-)attach Firebug	Docking the Firebug UI inside the browser window (by pressing Ctrl/⌘+F12 or clicking the Detach button while the UI is detached)