---
title: Pagina-inspector
slug: Tools/Page_Inspector
tags:
  - CSS
  - DOM
  - HTML
  - Stylesheets
  - Tools
  - Web Development
  - 'Web Development:Tools'
  - 'l10n:priority'
translation_of: Tools/Page_Inspector
---
<p>Gebruik de Pagina-inspector om de HTML- en CSS-code in een pagina te bewerken en te bekijken.</p>

<p>U kunt pagina’s onderzoeken die in de lokale kopie van Firefox of in een extern doel zijn geladen, zoals een Firefox OS-apparaat of Firefox voor Android. Zie <a href="/nl/docs/Tools/Remote_Debugging">Remote debugging</a> voor informatie over het verbinden van ontwikkelaarshulpmiddelen met een extern doel.</p>

<hr>
<h2 id="Rondleiding_over_gebruikersinterface">Rondleiding over gebruikersinterface</h2>

<p>Bekijk een <a href="/nl/docs/Tools/Page_Inspector/UI_Tour">snelle rondleiding over de UI</a> om wegwijs te raken in de Inspector.</p>

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

<p>Bekijk de volgende handleidingen om te zien wat u allemaal met de Inspector kunt doen:</p>

<div class="twocolumns">
<ul>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">De Inspector openen</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">HTML onderzoeken en bewerken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Het vakkenmodel onderzoeken en bewerken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Kleuren inspecteren en selecteren</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Elementen in de pagina opnieuw positioneren</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/View_fonts">Lettertypen bekijken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Transformaties visualiseren</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">De Inspector-API gebruiken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Select_an_element">Een element selecteren</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">CSS onderzoeken en bewerken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Gebeurtenislisteners onderzoeken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Work_with_animations">Werken met animaties</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">CSS-filters bewerken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/View_background_images">Achtergrondafbeeldingen bekijken</a></li>
 <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">De Inspector vanuit de Webconsole gebruiken</a></li>
</ul>
</div>

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

<div class="twocolumns">
<ul>
 <li><a href="/nl/docs/Tools/Page_Inspector/Keyboard_shortcuts">Sneltoetsen</a></li>
 <li><a href="/nl/docs/Tools/Tools_Toolbox#Inspector">Instellingen</a></li>
</ul>
</div>