Tilpass Chrome Developer Tools med DevTools Author

Hvis du er en frontendutvikler, bør du allerede vite om Google Chrome DevTools-panelet. Dette følger med hver versjon av Chrome som tilbyr verktøy for redigering av rå HTML / CSS sammen med en JS-konsoll og muligheten til å manipulere DOM i sanntid.

Et nytt gratis Chrome-plugin som heter DevTools Author, lar deg tilpasse DevTools-panelet med ekstra syntaksfargesystemer, unike skrifttyper og egendefinerte skriftstørrelser.

Oppsettet er ganske grei. Du installerer bare utvidelsen fra Chrome Nettmarked og deretter besøker denne lenken i nettleseren din: chrome: // flags / # enable-DevTools-eksperimenter

Du finner deg selv i Chrome Flags-panelet der du skal aktivere DevTools-eksperimenter. Når det er aktivert, bør du starte Chrome på nytt, åpne DevTools-innstillingspanelet og finne fanen "eksperimenter".

Så sjekk du bare "tillat tilpassede brukergrensesnitt", og du er god til å gå!

Du kan velge mellom over 25 forskjellige syntaksfargesystemer som gjør Chrome's editor enklere å bruke. Og du kan endre skriftstørrelser fra 10px-22px eller til og med oppdatere konsollfonter til eventuelle forhåndsinstallerte skrifter på operativsystemet ditt.

Dette pluginet legger ikke til noen kjernefunksjoner på DevTools, men lar deg forandre stilen og utseendet til DevTools-vinduet. Det er overraskende enkelt å konfigurere, og det kan få DevTools-opplevelsen til å føles mye mer personlig.

Hvis du har problemer under oppsettet, sjekk ut denne guidede introvideoen.