Pregunta Aumentar el tamaño de la fuente de la consola de Chrome


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

Parece que Paul Irish lo hizo:

enter image description here

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

ACTUALIZAR

Estos son algunos consejos sobre cómo personalizar el tema:    https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

enter image description here


75
2017-09-30 16:49


origen


Respuestas:


Si solo necesitas un golpe de tamaño rápido y temporal, puedes presionar Ctrl  + / - para acercar y alejar Ctrl  0 reiniciar.


130
2017-10-27 22:43



Aquí hay una muy reciente entrada en el blog sobre el tema.

Básicamente, anular Default/User StyleSheets/Custom.css en tus directorio de usuario 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;
}

20
2017-09-30 16:58



  1. Navegador abierto
  2. Abra la consola.
  3. prensa Ctrl+.

Espero que te ayude


17
2017-12-10 16:34



Si estás en una Mac, estás usando un teclado japonés y quieres ampliar la consola temporalmente, los atajos son:

Acercarse:   ^ 

Disminuir el zoom:   -

Restablecer zoom:   0

Otras aplicaciones están usando + para ampliar, pero debido a que en los teclados japoneses, el signo más está en el segundo nivel, solo se puede acceder con shift. Asi que:     +

Eso es raro, porque para Chrome     + aparentemente significa "Zoom de contenido". Si está en la consola de Javascript, y lo hace     +, el área de contenido de la ventana se amplió. Pero haciendo un Zoom-out   - mueve el foco de regreso a la consola y lo aleja. Resultado: el contenido se hace más grande, la consola más pequeña. Aaarggghhh.


9
2018-06-18 03:33



Windows 7, Google Chrome 19.0.1084.46 m

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


8
2018-05-22 08:34



ESTO ES OBSOLETO - Vea la respuesta de @TinyJaguar. Ahora puede usar Command- + si ha seleccionado algo en la consola de desarrollador.

Si desea aumentar el tamaño de fuente en la consola de Javascript, necesita algunos tamaños de fuente específicos. Es un poco más complicado que simplemente establecer el tamaño de 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;
}

7
2018-01-10 20:01



Creé un pequeño complemento que proporciona una configuración del editor de colecciones para las Herramientas de desarrollo de Chrome, incluida la capacidad de controlar de forma incremental el tamaño de la fuente.

  1. Instalar DevTools Author Chrome extension desde Chrome Web Store
  2. Habilite los experimentos de Developer Tools en chrome: // flags / # enable-devtools-experiments. Reinicia Chrome para banderas para tener efecto.
  3. Abra DevTools (cmd + opt + I); Configuraciones> Experimentos> marca Permitir temas personalizados de interfaz de usuario.

Esto agregará un panel de "Configuración del autor" a las Herramientas del desarrollador de Chrome, donde puede controlar incrementalmente el tamaño de la fuente, desde 10px - 22px


4
2018-02-06 13:32