google-chrome - trucos - inspector de elementos chrome

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

Question

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

Parece que Paul Irish lo hizo:

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

Answer 1

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

Espero que te ayude

Answer 2

Aquí hay una publicación de blog bastante reciente sobre el tema.

Básicamente, anule Default/User StyleSheets/Custom.css en su 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;
}

Answer 3

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 incrementalmente el tamaño de la fuente .

1. Instalar la extensión DevTools Author Chrome desde Chrome Web Store
2. Habilite los experimentos de Developer Tools en chrome: // flags / # enable-devtools-experiments. Reinicie Chrome para que las banderas surtan 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

Answer 4

En MacOs, si su clave 0 o + o - están en el segundo nivel, al escribir ⌘ ⇧ + no funcionará. En tal caso, debe usar capslock ⇪ , y luego puede escribir ⌘ + y ⌘ 0

Answer 5

En la versión más nueva de Chrome, puede cambiar fácilmente el tamaño de fuente de la fuente en Herramientas del desarrollador.

1. Abrir herramientas de desarrollo
2. Haga clic en cualquier línea en el código fuente
3. Presione Ctrl + + para aumentar el tamaño de la fuente o Ctrl + - para disminuir el tamaño de la fuente

Answer 6

Otra forma rápida de cambiar el tamaño de fuente en las herramientas de desarrollo de Chrome de forma permanente: Settings -> Show Advanced Settings -> Web Content : cambie el porcentaje de Zoom de página.

Aquí está el resultado: http://i.imgur.com/Puzduo9.png

Answer 7

Sé que esto es muy antiguo, pero la solución simple que encontré es aumentar el min. font size min. font size en la configuración y que se ocupará del tamaño de fuente en el depurador de Chrome.

Answer 8

Si eres como yo, CMD + + no funciona para ti, ya que te cambia a la primera pestaña (aunque tienes Enable ⌘ + 1-9 shortcut to switch panels ).

Bueno, en ese caso, abra Dev Tools, Undock into separate window y luego vaya a View --> Zoom in barra de menú de Chrome. Voilà!

Una vez que coloque Dev Tools nuevamente en la ventana del navegador, View --> Zoom in realmente aumentará el tamaño de la fuente en una ventana del navegador, pero siempre que las Herramientas de desarrollo estén desacopladas, se dirige a las Herramientas de revelado desatascadas.

Answer 9

Si está utilizando un MacBook Pro 2017 más nuevo, simplemente puede usar command => shift => + o - todo presionado a la vez.

Answer 10

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

Acercar: ⌘ ^

Alejar: ⌘ -

Restablecer Zoom: ⌘ 0

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

Eso es raro, porque para Chrome ⌘ ⇧ + aparentemente significa "Zoom de contenido". Si está en la consola de Javascript y hace ⌘ ⇧ + , el área de contenido de la ventana se acercó. 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 .

Answer 11

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

Answer 12

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ó :-)

Answer 13

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;
}