Augmenter la taille de la police de la console Chrome

Comment puis-je augmenter la taille de la police dans la console Chrome?

Il semble que Paul Irish l'ait fait:

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

METTRE À JOUR

Voici quelques conseils pour personnaliser le thème: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Si vous avez juste besoin d'un changement de taille rapide et temporaire, vous pouvez appuyer sur Ctrl +/ -pour zoomer et Ctrl 0réinitialiser.

Voici un article de blog assez récent sur le sujet.

Fondamentalement, remplacez Default/User StyleSheets/Custom.cssdans votre répertoire d'utilisateurs par quelque chose comme:

/* 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. Navigateur ouvert
2. Ouvrez la console.
3. Appuyez sur Ctrl+.

J'espère que ça t'aidera

Si vous êtes sur un Mac, utilisez un clavier japonais et souhaitez effectuer un zoom temporaire sur la console, les raccourcis sont:

Agrandir: ⌘ ^

Dézoomer: ⌘ -

Réinitialiser le zoom: ⌘ 0

D'autres applications utilisent +pour zoomer, mais comme sur les claviers japonais, le signe plus est au deuxième niveau, il n'est accessible qu'avec shift. Alors:⌘ ⇧ +

C'est là que ça devient bizarre, car Chrome ⌘ ⇧ +signifie apparemment "Zoom Content". Si vous êtes dans la console Javascript, et que vous le faites ⌘ ⇧ +, la zone de contenu de la fenêtre est agrandie. Mais faire un zoom ⌘ -arrière ramène le focus vers la console et fait un zoom arrière. Résultat: le contenu s'agrandit, la console est plus petite. Aaarggghhh .

Windows 7, Google Chrome 19.0.1084.46 m

La méthode avec la modification de "User StyleSheets / Custom.css" n'a pas fonctionné sur moi, mais Ctrl + "+" a fonctionné :-)

CECI EST OBSOLÈTE - Voir la réponse de @ TinyJaguar. Vous pouvez maintenant simplement utiliser Command- + si vous avez sélectionné quelque chose dans la console du développeur.

Si vous souhaitez augmenter la taille de la police dans la console Javascript, vous avez besoin de certaines tailles de police spécifiques. C'est un peu plus compliqué que de simplement définir la taille de la police pour la source:

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

J'ai créé un petit plugin qui fournit des paramètres d'éditeur de collection pour les outils de développement Chrome, y compris la possibilité de contrôler progressivement la taille de la police .

1. Installez l' extension DevTools Author Chrome à partir du Chrome Web Store
2. Activez les tests des outils de développement dans chrome: // flags / # enable-devtools-experiences. Redémarrez Chrome pour que les indicateurs prennent effet.
3. Ouvrez DevTools (cmd + opt + I); Paramètres> Expériences> cochez Autoriser les thèmes d'interface utilisateur personnalisés.

Cela ajoutera un panneau `` Paramètres de l'auteur '' aux outils de développement Chrome, où vous pourrez contrôler de manière incrémentielle la taille de la police, de 10 à 22 pixels.

Si vous êtes comme moi, CMD+ +ne fonctionne pas pour vous car il vous fait passer au premier onglet à la place (même si vous l'avez Enable ⌘ + 1-9 shortcut to switch panelsdésactivé).

Eh bien, dans ce cas, ouvrez les outils de développement, Undock into separate windowpuis accédez View --> Zoom inà la barre de menus Chrome. Voilà!

Une fois que vous avez ancré les outils de développement dans la fenêtre du navigateur, View --> Zoom inaugmentera en fait la taille de la police dans une fenêtre de navigateur, mais tant que les outils de développement ne sont pas ancrés, ils ciblent les outils de développement non ancrés.

À noter: à partir de DevTools, vous devez avoir l'onglet Éléments ouvert afin d'ajuster la taille de la police en utilisant "Ctrl +/-". Pour une raison quelconque, cela ne peut pas être fait dans d'autres onglets.

Dans la nouvelle version de Chrome, vous pouvez facilement modifier la taille de la police dans les outils de développement.

1. Ouvrir les outils de développement
2. Cliquez sur n'importe quelle ligne du code source
3. Appuyez sur Ctrl + + pour augmenter la taille de la police ou Ctrl + - pour réduire la taille de la police

Je sais que c'est bien vieux, mais la solution simple que j'ai trouvée est d'augmenter min. font sizeles paramètres et cela prendra soin de la taille de la police dans le débogueur Chrome.

Un autre moyen rapide de modifier la taille de la police dans les outils Chrome Dev de manière permanente: Settings-> Show Advanced Settings-> Web Content: modifiez le pourcentage de zoom de la page.

Voici le résultat: http://i.imgur.com/Puzduo9.png

Si vous utilisez un MacBook pro 2017 plus récent, vous pouvez simplement utiliser la commande => shift => + ou - tout en appuyant simultanément.

Sur MacOs, si votre clé 0ou +ou -est au deuxième niveau, la saisie ⌘ ⇧ +ne fonctionnera pas. Dans un tel cas, vous devez utiliser le verrouillage des majuscules ⇪, puis vous pouvez taper ⌘ +et⌘ 0

Si vous utilisez un ordinateur portable, vous pouvez le faire avec uniquement le trackpad de votre ordinateur portable.

Appuyez sur votre trackpad avec un doigt (ne le relâchez pas encore), puis faites défiler vers le haut ou vers le bas avec un autre doigt pour augmenter ou diminuer la taille de la police.

Assurez-vous simplement que le panneau des outils de développement est mis au point. Testé et fonctionne sur mon HP Pavilion, Windows 8.

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