Compare Revisions

Page Inspector

Change Revisions

Revision 18869:

Revision 18869 by tregagnon on

Revision 18870:

Revision 18870 by iain on

Title:
Page Inspector
Page Inspector
Slug:
Tools/Page_Inspector
Tools/Page_Inspector
Tags:
css, DOM, HTML, Tools, "Web Development", "Web Development:Tools", Stylesheets
css, DOM, HTML, Tools, "Web Development", "Web Development:Tools", Stylesheets
Content:

Revision 18869
Revision 18870
t11      Firefox 10 introduces the new Page Inspector, a handy tool t11      Firefox 10 introduces the new Page Inspector, a handy tool 
>that you can use to examine the structure and layout of a page. C>that you can use to examine the structure and layout of a page. C
>hoose the "Inspect" option from the "Web Developer" menu (which i>hoose the "Inspect" option from the "Web Developer" menu (which i
>s a submenu in the "Tools" menu on the Mac), or press Ctrl-Shift->s a submenu in the "Tools" menu on the Mac), or press Ctrl-Shift-
>I (Cmd-Option-I) on the Mac. Once the Page Inspector is active, y>I (Cmd-Option-I on the Mac). Once the Page Inspector is active, y
>ou can then click on the element you want to examine. You can als>ou can then click on the element you want to examine. You can als
>o directly choose an element without first invoking the Page Insp>o directly choose an element without first invoking the Page Insp
>ector by right clicking on it and choosing "Inspect Element" from>ector by right clicking on it and choosing "Inspect Element" from
> the context menu.> the context menu.

Back to History