Personalizza gli strumenti per sviluppatori di Chrome con DevTools Author

Se sei uno sviluppatore frontend, dovresti già sapere sul pannello DevTools di Google Chrome. Viene fornito in bundle con tutte le versioni di Chrome che offrono strumenti per la modifica di HTML / CSS non elaborati e una console JS e la possibilità di manipolare il DOM in tempo reale.

Un nuovo plugin Chrome gratuito chiamato DevTools Author consente di personalizzare il pannello DevTools con combinazioni di colori di sintassi aggiuntivi, caratteri univoci e dimensioni dei caratteri personalizzati.

L'installazione è piuttosto semplice. Devi solo installare l'estensione dal Chrome Webstore e quindi visitare questo link nel tuo browser: chrome: // flags / # enable-DevTools esperimenti

Ti troverai nel pannello Chrome Flags in cui devi abilitare gli esperimenti DevTools. Una volta abilitato, devi riavviare Chrome, aprire il pannello delle impostazioni di DevTools e trovare la scheda "esperimenti".

Quindi basta selezionare "consenti temi dell'interfaccia utente personalizzati" e sei a posto!

Puoi scegliere tra 25 diversi schemi di colori della sintassi che rendono l'editor di Chrome molto più semplice da utilizzare. E puoi cambiare le dimensioni dei caratteri da 10px-22px o anche aggiornare i font della console a tutti i font preinstallati sul tuo sistema operativo.

Questo plugin non aggiunge funzionalità di base su DevTools, ma piuttosto ti permette di cambiare lo stile e l'aspetto della finestra di DevTools. È sorprendentemente semplice da configurare e può rendere l'esperienza di DevTools molto più personalizzata.

Se hai problemi durante l'installazione, dai un'occhiata a questo video introduttivo guidato.