Inspector

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
(Description of Inspector)
m (Formatted shortcuts)
 
(One intermediate revision not shown)
Line 5: Line 5:
== Activation ==
== Activation ==
-
There are three ways to start the Inspector. Clicking the Inspect Button ( [[Image:Inspect_Button.png]] ) in the Panel Bar, using the [[Keyboard and Mouse Shortcuts|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.
+
There are three ways to start the Inspector. Clicking the Inspect Button ( [[Image:Inspect_Button.png]] ) in the Panel Bar, using the [[Keyboard and Mouse Shortcuts|shortcut]] (default: <code class="key">Ctrl+Shift+C</code> or <code class="key">&#8984;+Shift+C</code> on Mac OS) for toggling inspection or right-clicking an element on a website and choosing "Inspect Element" from the context menu.
== 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.

Latest revision as of 09:30, 14 December 2012

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.

[edit] 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.

[edit] 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