108 votos

Aumentar el tamaño de la fuente de la consola de cromo

¿Cómo puedo aumentar el tamaño de la letra en la consola de Chrome?

Parece que Paul Irish lo hizo:

enter image description here

http://www.youtube.com/watch?v=4mf_yNLlgic

ACTUALIZACIÓN

Aquí hay algunos consejos sobre cómo personalizar el tema: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

enter image description here

210voto

Ronny Puntos 1124

Si sólo necesita un aumento de tamaño rápido y temporal, puede pulsar Ctrl + / - para hacer zoom y Ctrl 0 para reiniciar.

2 votos

Fantástico para cuando pierda las gafas :P

3 votos

No tenía ni idea de que esto funcionara en la consola independientemente de la página web. Muy bueno...

4 votos

Para los usuarios de Mac: ⌘+ y ⌘-

25voto

Boris Smus Puntos 4347

Aquí hay una bastante reciente entrada del blog sobre el tema.

Básicamente, anular Default/User StyleSheets/Custom.css en su directorio de usuarios con algo como:

/* Keep .platform-mac to make the rule more specific than the general one above. */
body.platform-mac.platform-mac-snowleopard .monospace,
body.platform-mac.platform-mac-snowleopard .source-code {
    font-size: 11px !important;
    font-family: Menlo, monospace;
}

body.platform-windows .monospace, body.platform-windows .source-code {
    font-size: 12px !important;
    font-family: Consolas, Lucida Console, monospace;
}

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

4 votos

Para tu información, esto no hace nada sobre el tamaño de la fuente en la consola, por lo que puedo decir. Es genial para cosas como el panel de código fuente, pero la propia consola parece tener ajustes muy específicos para muchas cosas que anulan la configuración del tamaño de la fuente aquí.

1 votos

@Boris Smus No hay User StyleSheets/Custom.css carpeta/archivo en mi C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default en mi portátil con Windows 8. Y he comprobado todas las carpetas y archivos en el Default directorio. Esta pregunta es de hace más de un año, ¿alguien ha encontrado dónde está el custom.css ¿se encuentra el archivo en Chrome 37.0.x? Gracias

1 votos

Se elimina la hoja de estilos personalizada de Chromium : codereview.chromium.org/66383005 . Si quieres personalizar tu tema, intenta utilizar una extensión de Chrome devtools: github.com/mauricecruz/zero-base-themes

22voto

Sergii Tanchenko Puntos 106
  1. Abrir el navegador
  2. Consola abierta.
  3. Pulse Ctrl+ .

Espero que le sirva de ayuda

0 votos

¿Podría explicarlo con más detalle? Tal y como está, no es una respuesta clara.

0 votos

Es realmente más fácil que la respuesta elegida para esta pregunta.

0 votos

Para los usuarios de Mac: ⌘- y ⌘+

9voto

Alvego Puntos 71

Windows 7, Google Chrome 19.0.1084.46 m

El método con la modificación de "User StyleSheets/Custom.css" no me ha funcionado, pero Ctrl+"+" ha funcionado :-)

0 votos

No sé por qué no he probado este .... der... gracias... Me gustaría cambiar el tipo de letra sin embargo ...

8voto

James Moore Puntos 3293

ESTO ES OBSOLETO - Ver la respuesta de @TinyJaguar. Ahora puedes usar simplemente Comando+ si has seleccionado algo en la consola de desarrollador.

Si quieres aumentar el tamaño de la fuente en la consola de Javascript, necesitas algunos tamaños de fuente específicos. Es un poco más complicado que simplemente establecer el tamaño de la fuente para la fuente:

.source-code {
    font-size: 16px !important;
    font-family: monospace;
}

.console-prompt {
    font-size: 16px !important;
    font-family: monospace;
}

.console-message-text {
    font-size: 16px !important;
    font-family: monospace;
}

.monospace {
    font-size: 16px !important;
    font-family: monospace;
}

#elements-content {
  font-size: 16px !important;
}

2 votos

Esto funciona. El CSS en la respuesta seleccionada por el OP no lo hace (al menos ya no).

0 votos

¿dónde poner este css?

0 votos

@ChrisRedford sí, ¿dónde va este código? No tengo el C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.css en Windows 8.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X