Google Chrome Developer Tools voor Mac

Debuggen en bewerken van webpagina's met Chrome DevTools

Google Chrome Developer Tools, ook wel bekend als Chrome DevTools, zijn geavanceerde hulpprogramma's voor het maken en debuggen van websites die zijn ingebouwd in Google Chrome. Deze uitgebreide tools worden door ontwikkelaars gebruikt om uw website te herhalen, te debuggen en te profileren zonder dat u de Chrome-omgeving hoeft te verlaten. Met DevTools kunt u ook lay-outproblemen volgen, inzicht krijgen in code-optimalisatie en JavaScript-breekpunten instellen.

Chrome DevTools gebruiken

Als u Google Chrome Developer Tools wilt gebruiken, hoeft u alleen maar een pagina te openen met Google Chrome. Selecteer in het 'Chrome-menu' 'Tools' gevolgd door 'Developer Tools'. U kunt ook met de rechtermuisknop op een pagina-element klikken en 'Element inspecteren' selecteren. U kunt uw toetsenbord ook gebruiken door ctl+shift+i te selecteren op Windows-apparaten of cmnd+opt+i op Mac. DevTools zijn gegroepeerd in een werkbalk bovenaan het browservenster. U kunt dan werken met een specifiek type pagina- of app-informatie onder verschillende groepen tools, waaronder elementen, profielen, console, bronnen, netwerk, tijdlijn, audits en bronnen. Elke tool maakt het je gemakkelijk om problemen op te lossen, de netwerkprestaties te verbeteren en informatie te krijgen over wat er moet gebeuren om je site te verbeteren. Ze laten je ook je grootte zien met verschillende schermformaten en resoluties.

Een geweldige tool voor het oplossen van problemen en het verbeteren van je site

Met Google Chrome Developer Tools kun je webpagina's bewerken zonder dat je een aparte tool nodig hebt. Het beschikt over uitstekende functies voor het inspecteren en bewerken met een enkele DOM-boom. Met de JavaScript-console kunt u ook diagnostische informatie loggen en een shell-prompt gebruiken om pagina's en toepassingen te testen. Krachtige hulpprogramma's voor foutopsporing helpen ook bij het vinden en oplossen van problemen met JavaScript, terwijl netwerk- en controlehulpmiddelen u realtime gegevens over bronnen geven om te identificeren waarom verzoeken langer duren en om te begrijpen hoe u de reacties kunt verbeteren.