Tilpas Chrome Developer Tools med DevTools Author

Hvis du er en frontend-udvikler, skal du allerede vide om Google Chrome's DevTools-panel. Dette leveres med hver version af Chrome, der tilbyder værktøjer til redigering af rå HTML / CSS sammen med en JS-konsol og evnen til at manipulere DOM'en i realtid.

Et nyt gratis Chrome-plugin kaldet DevTools Author giver dig mulighed for at tilpasse DevTools-panelet med ekstra syntaksfarver, unikke skrifttyper og brugerdefinerede skriftstørrelser.

Opsætningen er ret ligetil. Du skal bare installere udvidelsen fra Chrome Webshop og derefter besøge dette link i din browser: chrome: // flags / # enable-DevTools-eksperimenter

Du finder dig selv i panelet Chrome Flag, hvor du skal aktivere DevTools-eksperimenter. Når det er muligt, skal du genstarte Chrome, åbne DevTools indstillingspanelet og finde fanen "eksperimenter".

Så kontroller du bare "Tillad brugerdefinerede brugergrænseflader", og du er god til at gå!

Du kan vælge mellem mere end 25 forskellige syntaksfarver, der gør Chrome's editor meget nemmere at bruge. Og du kan ændre skrifttypestørrelser fra 10px-22px eller endda opdatere konsol skrifttyper til alle forudinstallerede skrifttyper på operativsystemet.

Dette plugin tilføjer ikke nogen kernefunktioner på DevTools, men lader dig snarere ændre stil og udseende af dit DevTools-vindue. Det er overraskende let at konfigurere, og det kan få din DevTools oplevelse til at føle sig meget mere personlig.

Hvis du har problemer under opsætningen, så tjek denne guidede intro video.