RSS Feed

Tuneando las Dev Tools de Google Chrome

4

agosto 2, 2012 by - @pjnovas

Probaste usar la consola, o mejor dicho, alguna de las herramientas de desarrollo de Google Chrome (F12) en un proyector?, se complica, el tamaño de las fonts no está preparado para hacerse visible, así que me puse a investigar como modificarlo y me encontré con algo muy interesante: están hechas en Javascript, HTML y CSS con toda la locura, lo que significa que modificando sus clases CSS podemos variarlas a nuestro gusto.

Acá dejo los path donde encontrar los archivos para modificar:

Windows Vista y 7
C:\Users\[userName]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
Windows XP
C:\Documents and Settings\[userName]\Configuración local\Datos de programa\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
Linux
~/.config/google-chrome/Default/User StyleSheets/Customs.css
Mac
~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

El archivo Custom.css lo vas a tener en blanco, así que para guiarte en los cambios de sobre-escritura de clases podés ver los que actualmente están aplicados en tu browser ingresando lo siguiente en el cuadro de direcciones del Chrome

chrome-devtools://devtools/devTools.css

Como se puede ver, el archivo es bastante extenso, pero se torna muy divertido lo que se puede lograr dandole tu estilo.

Por ejemplo, para solucionar mi problema con el tamaño de la font, hice lo siguiente en mi Custom.css (estoy en Ubuntu):

body.platform-linux .monospace, body.platform-linux .source-code {
    font-size: 22px !important;
    line-height: 26px;
    font-family: dejavu sans mono, monospace;
}

Algunos links con Themes (algunos extraídos de este excelente post):


  • Shima

    Buena info, me quedo con el IR black. sldos!

  • Sebastián Cámara

    En mi caso es GoogleChrome en vez de GoogleChrome
    Un saludo.

    • pjnovas

      Tenes razón!, para Win Vista y 7 estan en GoogleChrome
      Gracias por el aviso!
      Saludos

  • ssebastianj

    ¡Buen datum! Puse “IR black” y quedó pipí cucú.