Revision 1102537 of Inspetor de Página

<p>Utilize o Inspetor de Página para examinar e modificar o HTML e CSS de uma página.</p>

<p>Pode examinar as páginas carregadas na cópia local do Firefox ou num destino remoto, tal como um dispositivo com Firefox OS ou Firefox para Android. Consulte <a href="/pt-PT/docs/Tools/Remote_Debugging">depuração remota </a>para saber como ligar as ferramentas de desenvolvimento a um destino remoto.</p>

<hr />
<h2 id="User_Interface_Tour">Demonstração da Interface do Utilizador</h2>

<p>To find your way around the Inspector, here's a <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour">quick tour of the UI</a>.</p>

<hr />
<h2 id="How_to">Como...</h2>

<p>To find out what you can do with the Inspector, see the following how to guides:</p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">Abrir o Inspetor</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">Examinar e editar HTML</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examinar e editar o modelo de caixa</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Inspecionar e selecionar cores</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_fonts">Ver tipos de letra</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Visualizar transformações</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Utilizar a API de </a> <a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Inspetor</a></dt>
 <dd>&nbsp;</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">Selecionar um elemento</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Examinar e editar CSS</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Examinar escutas de evento</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Trabalhar com animações</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Editar filtros de CSS</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_background_images">Ver imagens de fundo</a></dt>
 <dd>&nbsp;</dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Utilizar o Inspetor a partir da Consola da Web</a></dt>
 <dd>&nbsp;</dd>
 <dd>&nbsp;</dd>
</dl>
</div>
</div>

<hr />
<h2 id="Reference">Referência</h2>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/Keyboard_shortcuts">Atalhos de teclado</a></dt>
 <dd>&nbsp;</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Tools_Toolbox#Inspector">Configurações</a></dt>
 <dd>&nbsp;</dd>
</dl>
</div>
</div>