---
title: Page Inspector
slug: Tools/Page_Inspector
translation_of: Tools/Page_Inspector
---
<p><span style="line-height: 1.5;">Usa Page Inspector per esaminare e modificare il codice HTML e CSS della pagina.</span></p>

<p>Puoi esaminare pagine caricate in una copia locale di Firefox o in remoto, come su devices Firefox OS o Firefox per Android. Guarda la guida sul <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging">debugging remoto</a> per imparare a connettere gli strumenti di sviluppo ad un dispositivo remoto.</p>

<hr>
<h2 id="Interfaccia_Utente">Interfaccia Utente</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">How to</h2>

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

<div class="twocolumns">
<ul>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">Open the Inspector</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">Examine and edit HTML</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examine and edit the box model</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Inspect and select colors</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Reposition elements in the page</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_fonts">View fonts</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Visualize transforms</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Use the Inspector API</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">Select an element</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Examine and edit CSS</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Examine event listeners</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Work with animations</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Edit CSS filters</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_background_images">View background images</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Use the Inspector from the Web Console</a></li>
</ul>
</div>

<hr>
<h2 id="Reference">Reference</h2>

<div class="twocolumns">
<ul>
 <li><a href="/en-US/docs/Tools/Page_Inspector/Keyboard_shortcuts">Keyboard shortcuts </a></li>
 <li><a href="/en-US/docs/Tools/Tools_Toolbox#Inspector">Settings</a></li>
</ul>
</div>