Dale St. Marthe
Chrome DevTools biedt veel krachtige tools waarmee u uw webapplicaties diepgaand kunt inspecteren en verbeteren.
De volgende video biedt een overzicht van zes fundamentele hulpmiddelen, waaronder de knop Inspecteren en Apparaatmodus , samen met de panelen Elementen , Console , Bronnen en Netwerk . Daarnaast leert u over het tabblad Stijlen en manieren om DevTools aan te passen.
Bekijk de video om te leren hoe u:
- Inspecteer en bewerk DOM-elementen .
- Visualiseer en wijzig de afmetingen van een element met het Box Model .
- Bekijk hoe uw pagina eruit ziet op mobiele apparaten .
- Identificeer JavaScript-fouten met het consolepaneel .
- Debug JavaScript met behulp van breekpunten in het deelvenster Bronnen .
- Analyseer en filter netwerkactiviteit in het netwerkpaneel .
- Simuleer lagere verbindingssnelheden .
- Pas DevTools aan .
Voor een uitgebreid overzicht, zie ons DevTools-overzicht .