Aumentar o tamanho da fonte do console do Chrome

Como posso aumentar o tamanho da fonte no console do Chrome?

Parece que foi Paul Irish:

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

ATUALIZAR

Aqui estão algumas dicas sobre como personalizar o tema: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Se precisar apenas de um aumento de tamanho rápido e temporário, pressione Ctrl +/ -para aumentar o zoom e Ctrl 0reiniciar.

Aqui está uma postagem de blog bem recente sobre o assunto.

Basicamente, substitua Default/User StyleSheets/Custom.cssem seu diretório de usuário por 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;
}

1. Navegador aberto
2. Abra o console.
3. Pressione Ctrl+.

Espero que te ajude

Se você estiver em um Mac, estiver usando um teclado japonês e quiser aumentar o zoom do console temporariamente, os atalhos são:

Mais Zoom: ⌘ ^

Reduzir o zoom: ⌘ -

Redefinir o zoom: ⌘ 0

Outros aplicativos estão usando +para aumentar o zoom, mas como nos teclados japoneses o sinal de mais está no segundo nível, ele só é acessível com shift. Assim:⌘ ⇧ +

É aí que fica estranho, porque para o Chrome, ⌘ ⇧ +aparentemente, significa "Zoom Conteúdo". Se você estiver no console Javascript, e o fizer ⌘ ⇧ +, a área de conteúdo da janela será ampliada. Mas fazer um Zoom-out ⌘ -move o foco de volta para o console e diminui o zoom. Resultado: o conteúdo está ficando maior, o console menor. Aaarggghhh .

Windows 7, Google Chrome 19.0.1084.46 m

O método com a modificação de "User StyleSheets / Custom.css" não funcionou comigo, mas Ctrl + "+" funcionou :-)

ISTO É OBSOLETO - Veja a resposta do @TinyJaguar. Agora você pode simplesmente usar Command- + se tiver selecionado algo no console do desenvolvedor.

Se você deseja aumentar o tamanho da fonte no console Javascript, você precisa de alguns tamanhos de fonte específicos. É um pouco mais complicado do que apenas definir o tamanho da fonte para a fonte:

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

Eu criei um pequeno plug-in que fornece configurações do editor de coleção para as Ferramentas do desenvolvedor do Chrome, incluindo a capacidade de controlar incrementalmente o tamanho da fonte .

1. Instale a extensão DevTools Author Chrome da Chrome Web Store
2. Ative os experimentos das Ferramentas do desenvolvedor em chrome: // flags / # enable-devtools-experts. Reinicie o Chrome para que os sinalizadores tenham efeito.
3. Abra DevTools (cmd + opt + I); Configurações> Experimentos> marque Permitir temas de IU personalizados.

Isso adicionará um painel de 'Configurações do autor' às Ferramentas do desenvolvedor do Chrome, onde você pode controlar incrementalmente o tamanho da fonte, de 10 a 22 pixels

Se você for como eu, o CMD+ +não está funcionando para você porque, em vez disso, muda para a primeira guia (mesmo que você tenha Enable ⌘ + 1-9 shortcut to switch panelsdesligado).

Bem, nesse caso, abra Dev Tools Undock into separate windowe , em seguida, vá View --> Zoom inem Chrome Menu Bar. Voilà!

Depois de encaixar as Ferramentas de Desenvolvimento de volta na janela do navegador, View --> Zoom ino tamanho da fonte na janela do navegador aumentará, mas, desde que as Ferramentas de Desenvolvimento estejam desencaixadas, ele terá como alvo as Ferramentas de Desenvolvimento desencaixadas.

Observação: de dentro do DevTools, você deve ter a guia Elementos aberta para ajustar o tamanho da fonte usando "Ctrl +/-." Por algum motivo, isso não pode ser feito em outras guias.

Na versão mais recente do Chrome, você pode alterar facilmente o tamanho da fonte nas Ferramentas do desenvolvedor.

1. Abrir ferramentas de desenvolvedor
2. Clique em qualquer linha do código-fonte
3. Pressione Ctrl + + para aumentar o tamanho da fonte ou Ctrl + - para diminuir o tamanho da fonte

Eu sei que isso é muito antigo, mas a solução simples que encontrei é aumentar o min. font sizenas configurações e isso cuidará do tamanho da fonte no depurador do Chrome.

Outra maneira rápida de alterar o tamanho da fonte nas ferramentas Chrome Dev permanentemente: Settings-> Show Advanced Settings-> Web Content: alterar a porcentagem de zoom da página.

Aqui está o resultado: http://i.imgur.com/Puzduo9.png

Se estiver usando um MacBook Pro 2017 mais recente, você pode simplesmente usar command => shift => + ou - todos pressionados de uma vez.

Em MacOs, se sua tecla 0ou +ou -estiver no segundo nível, a digitação ⌘ ⇧ +não funcionará. Nesse caso, você precisa usar capslock ⇪e, em seguida, pode digitar ⌘ +e⌘ 0

Se você estiver usando um laptop, pode fazer isso apenas com o trackpad do laptop.

Toque no trackpad com um dedo (não solte ainda) e role para cima ou para baixo com outro dedo para aumentar ou diminuir o tamanho da fonte.

Apenas certifique-se de que o painel de ferramentas de desenvolvimento esteja em destaque. Testado e funcionando no meu HP Pavilion, Windows 8.

 you can press Ctrl + / - to zoom and Ctrl 0