Si está en Chrome, presione F12, o Ctrl + Mayús + J o Ctrl + Mayús + I, abrirá la consola de desarrollo de Chrome. Algunas personas lo llaman herramienta de desarrollo y algunos lo llaman depurador. No importa cómo quieras llamarlo, Chrome Developer Console es una herramienta muy poderosa incorporada directamente en Chrome. Hasta cierto punto, puede reemplazar su IDE o editor de texto. Hace un tiempo, Google agregó la capacidad de Chrome Dev Tool para mapear el código fuente desde cualquier sitio a su directorio de espacio de trabajo local. Permite a los desarrolladores editar, guardar e inspeccionar en vivo todo dentro de Chrome. Esta es la próxima generación de desarrollo web, ya no necesita cambiar entre su IDE o editor de texto a Chrome. El único defecto quizás sea la falta de personalización de cómo se vería la consola de desarrollo.
Dicho esto, Chrome es muy extensible. ¿Odias el aspecto predeterminado de tu consola de desarrollo? Puede aplicar temas para cambiar el aspecto predeterminado.
Primero vaya a chrome: // banderas, busque la bandera llamada “Habilitar experimentos de herramientas para desarrolladores”, asegúrese de habilitar esta bandera y reinicie Chrome cuando haya terminado.
A continuación, abra la Herramienta de desarrollo y vaya a la configuración.
En Experimentos, asegúrese de habilitar “Permitir temas de IU personalizados”.
Ahora, todo lo que necesitamos es encontrar un tema de su agrado. Hay muchas opciones, puede buscar “DevTool Theme” en Google para probar diferentes temas o dirigirse a este sitio. http://devthemez.com/themes/chrome-developer-tools que contiene una lista muy rica de bibliotecas de temas para que elijas.
Un ejemplo del tema a continuación se llama “Matriz de oscuridad cero“
Una vez que encuentre el tema, instálelo a través de la tienda de Google Chrome y reinicie la herramienta de desarrollo de Chrome.
Cualquier tema nuevo que haya instalado anulará el tema anterior. Puede administrarlos en chrome: // extensions
Ahí lo tiene, ahora puede disfrutar de la edición en vivo de su JavaScript, HTML, CSS, todo dentro de Chrome. Pruébelo y puede que le resulte útil, seguro que sí.