Inspector

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
(Description of Inspector)
m (Fixed reference for panel support)
Line 8: Line 8:
== Usage ==
== Usage ==
-
Simply hover the element you want to inspect with the mouse and click on it. In versions of Firebug prior to 1.7 this automatically switches to the [[HTML Panel]] and selects the appropriate element inside the [[HTML Panel#Node View|Node View]]. This is still the default behavior in 1.7, but in this version a feature was added<ref>See [http://code.google.com/p/fbug/issues/detail?id=4005]</ref> to allow other panels to support the inspector. This means using the Inspector while being at a specific panel, which supports inspection, will select the hovered element to give you more details about it.
+
Simply hover the element you want to inspect with the mouse and click on it. In versions of Firebug prior to 1.7 this automatically switches to the [[HTML Panel]] and selects the appropriate element inside the [[HTML Panel#Node View|Node View]]. This is still the default behavior in 1.7, but in this version a feature was added [http://code.google.com/p/fbug/issues/detail?id=4005 allowing other panels to support the inspector]. This means using the Inspector while being at a specific panel, which supports inspection, will select the hovered element to give you more details about it.

Revision as of 10:40, 6 April 2011

Inspecting an element on a webpage

The Inspector lets you select an element on a website or a XUL dialog for further investigation in Firebug.

The Inspector supports inspecting the contents of frames and iframes. It even works with elements of image maps and MathML formulas as well as XUL elements.

Activation

There are three ways to start the Inspector. Clicking the Inspect Button ( Inspect Button.png ) in the Panel Bar, using the shortcut (default: Ctrl+Shift+C or ⌘+Shift+C on Mac OS) for toggling inspection or right-clicking an element on a website and choosing "Inspect Element" from the context menu.

Usage

Simply hover the element you want to inspect with the mouse and click on it. In versions of Firebug prior to 1.7 this automatically switches to the HTML Panel and selects the appropriate element inside the Node View. This is still the default behavior in 1.7, but in this version a feature was added allowing other panels to support the inspector. This means using the Inspector while being at a specific panel, which supports inspection, will select the hovered element to give you more details about it.

Personal tools