Anpassa verktyget för Chrome-utvecklare med DevTools Author

Om du är en utvecklare för frontend så borde du redan veta om Google Chrome DevTools-panelen. Detta levereras med varje version av Chrome som erbjuder verktyg för redigering av rå HTML / CSS tillsammans med en JS-konsol och möjligheten att manipulera DOM i realtid.

Ett nytt gratis Chrome-plugin som heter DevTools Author kan du anpassa DevTools-panelen med extra syntaxfärgscheman, unika typsnitt och anpassade typstorlekar.

Inställningen är ganska enkel. Du installerar bara förlängningen från Chrome Webstore och sedan besöker den här länken i din webbläsare: chrome: // flags / # enable-DevTools-experiment

Du hittar dig själv i panelen Chrome Flaggor där du ska aktivera DevTools-experiment. När det är möjligt bör du starta om Chrome, öppna DevTools-inställningspanelen och hitta fliken "experiment".

Då kan du bara kolla "tillåta anpassade användargränssnitt" och du är bra att gå!

Du kan välja mellan över 25 olika syntaxfärgscheman som gör Chromes redigerare mycket enklare att använda. Och du kan ändra teckensnittstorlekar från 10px-22px eller till och med uppdatera konsolens teckensnitt till alla förinstallerade teckensnitt på operativsystemet.

Denna plugin lägger inte till några kärnfunktioner på DevTools, utan låter dig ändra stilen och utseendet på ditt DevTools-fönster. Det är förvånansvärt enkelt att konfigurera och det kan göra din DevTools upplevelse känns mycket mer personlig.

Om du har några problem under installationen, kolla in den här guidade intro videoen.