Personalice las herramientas de desarrollo de Chrome con DevTools Author

Si eres un desarrollador frontend, entonces ya deberías conocer el panel DevTools de Google Chrome. Esto viene incluido con cada versión de Chrome que ofrece herramientas para editar HTML / CSS sin formato junto con una consola JS y la capacidad de manipular el DOM en tiempo real.

Un nuevo complemento gratuito de Chrome llamado DevTools Author te permite personalizar el panel de DevTools con combinaciones de colores de sintaxis adicionales, fuentes únicas y tamaños de fuente personalizados.

La configuración es bastante sencilla. Simplemente instale la extensión desde Chrome Webstore y luego visite este enlace en su navegador: chrome: // flags / # enable-devtools-experimentos

Te encontrarás en el panel Chrome Flags, donde deberías habilitar los experimentos de DevTools. Una vez que esté habilitado, deberías reiniciar Chrome, abrir el panel de configuración de DevTools y encontrar la pestaña "experimentos".

Luego simplemente marca "permitir temas personalizados de UI" y listo.!

Puede elegir entre más de 25 combinaciones de colores de sintaxis diferentes que hacen que el editor de Chrome sea mucho más fácil de usar. Y puede cambiar los tamaños de fuente de 10px-22px o incluso actualizar las fuentes de la consola a cualquier fuente preinstalada en su sistema operativo.

Este complemento no agrega ninguna característica central a DevTools, sino que te permite cambiar el estilo y el aspecto de tu ventana de DevTools. Es sorprendentemente fácil de configurar y puede hacer que su experiencia con DevTools se sienta mucho más personalizada..

Si tiene algún problema durante la configuración, vea este video de introducción guiado.