--- 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>