Google Chrome Developer Tools för Windows

Felsök och redigera webbsidor med Chrome DevTools

Google Chrome Developer Tools, även känt som Chrome DevTools, är avancerade webbutvecklings- och felsökningsverktyg inbyggda i Google Chrome. Dessa omfattande verktyg används av utvecklare för att iterera, felsöka och profilera din webbplats utan att behöva lämna Chromes miljö. DevTools låter dig också spåra layoutproblem, få insikter om kodoptimering och skapa JavaScript-brytpunkter.

Använda Chrome DevTools

För att använda Google Chrome Developer Tools, behöver du bara öppna en sida med Google Chrome. Från 'Chrome-menyn', välj 'Verktyg' följt av 'Utvecklarverktyg'. Du kan också högerklicka på en sidaelement och välja 'Inspektera element'. Du kan också använda ditt tangentbord genom att välja ctl+shift+i på Windows-baserade enheter eller cmnd+opt+i på Mac. DevTools är grupperade i en verktygsfält längst upp i webbläsarfönstret. Du kan sedan arbeta med en specifik typ av sid- eller appinformation under flera grupper av verktyg, inklusive element, profiler, konsol, resurser, nätverk, tidslinje, granskningar och källor. Varje verktyg gör det enkelt för dig att felsöka problem, förbättra nätverksprestanda och få information om vad som behöver göras för att förbättra din webbplats. De låter dig också se din storlek med olika skärmstorlekar och upplösningar.

En fantastisk verktyg för felsökning och förbättring av din webbplats

Google Chrome Developer Tools låter dig redigera webbsidor utan att behöva använda ett separat verktyg. Det erbjuder utmärkta funktioner för att inspektera och redigera med en enda DOM-träd. JavaScript-konsolen låter dig också logga diagnostisk information och använda en skalprompt för att testa sidor och applikationer. Kraftfulla felsökningsverktyg hjälper också till att hitta och åtgärda problem med JavaScript, medan nätverks- och revisionsverktyg ger dig realtidsdata om resurser för att identifiera varför förfrågningar tar längre tid och förstå hur man kan förbättra svarstiderna.