Aumenta la dimensione del carattere della console cromata

Come posso aumentare la dimensione del carattere nella console Chrome?

Sembra che Paul Irish l'abbia fatto:

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

AGGIORNARE

Ecco alcuni suggerimenti su come personalizzare il tema: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Se hai solo bisogno di un rapido aumento temporaneo delle dimensioni puoi premere Ctrl +/ -per ingrandire e Ctrl 0ripristinare.

Ecco un post sul blog piuttosto recente sull'argomento.

Fondamentalmente, sovrascrivi Default/User StyleSheets/Custom.cssnella tua directory utente con qualcosa come:

/* 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. Apri il browser
2. Console aperta.
3. Premere Ctrl+.

Spero ti possa aiutare

Se sei su un Mac, stai usando una tastiera giapponese e vuoi ingrandire temporaneamente la console, le scorciatoie sono:

Ingrandire: ⌘ ^

Zoom indietro: ⌘ -

Ripristina zoom: ⌘ 0

Altre applicazioni stanno usando +per ingrandire, ma poiché sulle tastiere giapponesi il segno più è al secondo livello, è accessibile solo con Maiusc. Così:⌘ ⇧ +

È lì che diventa strano, perché per Chrome ⌘ ⇧ +apparentemente significa "Zoom contenuto". Se ti trovi nella console Javascript e lo fai ⌘ ⇧ +, l'area del contenuto della finestra viene ingrandita. Ma eseguendo uno Zoom indietro ⌘ -il focus torna sulla console e lo rimpicciolisce . Risultato: il contenuto diventa più grande, la console più piccola. Aaarggghhh .

Windows 7, Google Chrome 19.0.1084.46 m

Il metodo con la modifica di "User StyleSheets / Custom.css" non ha funzionato su di me, ma Ctrl + "+" ha funzionato :-)

QUESTO È OBSOLETO - Vedi la risposta di @ TinyJaguar. Ora puoi semplicemente usare Comando- + se hai selezionato qualcosa nella console per sviluppatori.

Se vuoi aumentare la dimensione del carattere nella console Javascript, hai bisogno di alcune dimensioni dei caratteri specifiche. È un po 'più complicato rispetto alla semplice impostazione della dimensione del carattere per la 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;
}

Ho creato un piccolo plug-in che fornisce le impostazioni dell'editor di raccolta per gli Strumenti per sviluppatori di Chrome, inclusa la possibilità di controllare in modo incrementale la dimensione del carattere .

1. Installa l' estensione DevTools Author per Chrome dal Chrome Web Store
2. Abilita gli esperimenti degli Strumenti per sviluppatori in chrome: // flags / # enable-devtools-experiment. Riavvia Chrome affinché i flag abbiano effetto.
3. Apri DevTools (cmd + opt + I); Impostazioni> Esperimenti> seleziona Consenti temi dell'interfaccia utente personalizzati.

Ciò aggiungerà un pannello "Impostazioni autore" agli Strumenti per sviluppatori di Chrome, dove puoi controllare in modo incrementale la dimensione del carattere, da 10 px a 22 px

Se sei come me, CMD+ +non funziona per te perché ti porta invece alla prima scheda (anche se hai Enable ⌘ + 1-9 shortcut to switch panelsspento).

Bene, in tal caso, apri Dev Tools, Undock into separate windowquindi vai View --> Zoom innella barra dei menu di Chrome. Ecco!

Dopo aver agganciato di nuovo gli strumenti di sviluppo nella finestra del browser, View --> Zoom inla dimensione del carattere in una finestra del browser aumenterà effettivamente, ma finché gli strumenti di sviluppo sono sganciati, si rivolge agli strumenti di sviluppo disancorati.

Nota: da DevTools, è necessario che la scheda Elementi sia aperta per regolare la dimensione del carattere utilizzando "Ctrl +/-". Per qualche motivo non può essere fatto in altre schede.

Nella versione più recente di Chrome, puoi facilmente modificare la dimensione del carattere del carattere negli Strumenti per sviluppatori.

1. Apri Strumenti per sviluppatori
2. Fare clic su una riga qualsiasi del codice sorgente
3. Premi Ctrl + + per aumentare la dimensione del carattere o Ctrl + - per diminuire la dimensione del carattere

So che è molto vecchio, ma la soluzione semplice che ho trovato è aumentare min. font sizele impostazioni e questo si occuperà della dimensione del carattere nel debugger di Chrome.

Un altro modo rapido per modificare la dimensione del carattere negli strumenti di sviluppo di Chrome in modo permanente: Settings-> Show Advanced Settings-> Web Content: modifica la percentuale di zoom della pagina.

Ecco il risultato: http://i.imgur.com/Puzduo9.png

Se stai usando un MacBook pro 2017 più recente, puoi semplicemente usare command => shift => + o - tutti premuti contemporaneamente.

Su MacOs, se la tua chiave 0o +o -sono al secondo livello, la digitazione ⌘ ⇧ +non funzionerà. In tal caso, è necessario utilizzare capslock ⇪, quindi è possibile digitare ⌘ +e⌘ 0

Se stai usando un laptop, puoi farlo solo con il trackpad del tuo laptop.

Tocca il trackpad con un dito (non rilasciarlo ancora), quindi scorri verso l'alto o verso il basso con un altro dito per aumentare o diminuire la dimensione del carattere.

Assicurati solo che il pannello degli strumenti di sviluppo sia attivo. Testato e funzionante sul mio HP Pavilion, Windows 8.

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