2011-08-22 26 views
5

Me he cansado de la multitud de problemas que parece afectar a diario con Firefox y una vez más estoy intentando cambiar a Chrome.Personalice el aspecto del inspector web de Chrome

Una de las cosas que me frustra es el diseño de las pestañas en el inspector. En firebug están en la parte superior así que si quiero las métricas de un artículo es increíblemente simple. En Chrome, siempre me desplazo hacia arriba y hacia abajo.

¿Hay alguna manera de cambiar la forma en que esto funciona? Todo lo que quiero hacer es cambiar el diseño a algo un poco similar a Firebug.

¡Salud!

Respuesta

2

El inspector web de Chrome es solo una aplicación web, por lo que es muy personalizable. Puede descargar una copia de devtools HTML/CSS/JS y decirle a Chrome que la use con un indicador de línea de comando. Algunos recursos para usted:

+0

Enormes gracias por esto, sé lo que voy a hacer cuando estoy ¡Tengo un poco de tiempo libre! –

+0

¿Siguen funcionando estas cosas? No puedo hacer que lo hagan. Ni siquiera puedo ejecutar mi propia aplicación de devtools. Ahora estoy descargando 4.9 GB de fuente de parpadeo para ver dónde vive todo. ¿Alguna idea? – Rudie

0

Dev son sólo CSS/JavaScript para que pueda Haz lo que quieras.

Si ve este video, Paul Irish muestra cómo ejecutar una compilación de Chrome y apuntar a su propio código de herramientas de desarrollo. ¡Más o menos genial!

+0

Muchas gracias! Tendré que hacer esto. –

+0

NP, asegúrese de votar/verificar como correcto – wesbos

+0

El enlace de video ya no funciona. – Rudie

0

El devtools CSS está en chrome-devtools://devtools/devTools.css (copie y pegue la dirección en la barra de direcciones).

anulan los estilos usando Custom.css que vive en:

  • C:\Users\<user>\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets en Windows
  • ~/Library/Google/Chrome/Default/User StyleSheets en OS X
+0

Ahora hay una lista de máscaras en curso aquí: http://darcyclarke.me/design/skin-your-chrome-inspector/ – Mixologic

+0

Ya no funciona. – Rudie

Cuestiones relacionadas