Chrome-ontwikkelaarstools aanpassen met DevTools Author

Als u een frontend-ontwikkelaar bent, moet u al kennis hebben van het DevTools-paneel van Google Chrome. Dit wordt geleverd bij elke versie van Chrome die tools biedt voor het bewerken van onbewerkte HTML / CSS in combinatie met een JS-console en de mogelijkheid om de DOM in realtime te manipuleren.

Met een nieuwe gratis Chrome-plug-in genaamd DevTools Author kunt u het DevTools-paneel aanpassen met extra syntaxiskleurenschema's, unieke lettertypen en aangepaste lettergroottes.

De opzet is vrij eenvoudig. U installeert gewoon de extensie vanuit de Chrome Webstore en bezoekt vervolgens deze link in uw browser: chrome: // flags / # enable-devtools-experimenten

U bevindt zich in het deelvenster Chrome-vlaggen waar u DevTools-experimenten moet inschakelen. Zodra dat is ingeschakeld, moet u Chrome opnieuw starten, het instellingenvenster van DevTools openen en naar het tabblad 'Experimenten' gaan.

Dan hoeft u alleen maar "aangepaste gebruikersinterfacethema's toestaan" aan te vinken en u bent klaar om te gaan!

U kunt kiezen uit meer dan 25 verschillende syntaxiskleurenschema's waarmee de editor van Chrome een stuk eenvoudiger te gebruiken is. En u kunt de lettergroottes wijzigen van 10px-22px of zelfs de consolelettertypen bijwerken naar vooraf geïnstalleerde lettertypen op uw besturingssysteem.

Deze plug-in voegt geen kernfuncties toe aan DevTools, maar laat u eerder de stijl en het uiterlijk van uw DevTools-venster wijzigen. Het is verrassend eenvoudig te configureren en het kan uw DevTools-ervaring veel persoonlijker maken.

Als je problemen hebt tijdens het instellen, bekijk dan deze begeleide introductievideo.