Compare Revisions

Page Inspector

Revision 484423:

Revision 484423 by wbamberg on

Revision 484431:

Revision 484431 by wbamberg on

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

Revision 484423
Revision 484431
n73        <a href="#Editing_HTML">edit the element's HTML</a>n73        <a href="#Editing_HTML">edit the element's HTML</a> (only
 > from Firefox 27 onwards)
nn87    <div class="geckoVersionNote">
88      <p>
89        Editing HTML is only available from Firefox 27.
90      </p>
91    </div>
92    <p>
93      To edit an element's <a href="/en-US/docs/Web/API/Element.o
 >uterHTML">outerHTML</a>, activate the element's popup menu and se
 >lect "Edit As HTML". You'll see a text box in the HTML pane:
87    <p>94    </p>
88      To edit an element's <a href="/en-US/docs/Web/API/Element.o95    <p>
>uterHTML">outerHTML</a>, activate the element's popup menu and se 
>lect "Edit As HTML". 
96      <img alt="" src="https://mdn.mozillademos.org/files/6351/in
 >spector-html-edit-html.png" style="display: block; margin-left: a
 >uto; margin-right: auto;">You can add any HTML in here: changing 
 >the element's tag, changing existing elements, or adding new ones
 >. Once you click outside the box, the changes are applied to the 
 >page.
nn110    <h3>
111      HTML pane toolbar
112    </h3>
t120      There are a number of handy shortcuts you can use while inst131      There are a number of shortcuts you can use while inspectin
>pecting your page.>g your page.

Back to History