Overzicht elementenpaneel

Dal St. Marthe
Dale St. Marthe

Gebruik het paneel Elementen om DOM-elementen te inspecteren en te bewerken.

Overzicht

Het Elements- paneel biedt een robuuste interface voor het inspecteren en manipuleren van de DOM. U kunt de DOM-boom, die lijkt op een HTML-document, gebruiken om specifieke DOM-knooppunten te selecteren en deze met andere hulpmiddelen aan te passen.

Het paneel Elementen heeft ook de volgende tabbladen die relevante hulpmiddelen bevatten:

Open het paneel Elementen

Wanneer u DevTools opent , wordt standaard het paneel Elementen geopend. U kunt ook ergens op de pagina een knooppunt inspecteren om automatisch het paneel Elementen te openen.

Om het Elementenpaneel handmatig te openen:

  1. Open DevTools .
  2. Open het Commandomenu door op te drukken:
    • macOS: Command + Shift + P
    • Windows, Linux, ChromeOS: Control + Shift + P Commandomenu met
  3. Begin met het typen van Elements , selecteer Elementen weergeven en druk op Enter . DevTools geeft het paneel Elementen weer in de lade onder aan uw DevTools-venster.