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
Réponses:
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;
}
User StyleSheets/Custom.cssdossier / fichier dans mon C:\Users\c22\AppData\Local\Google\Chrome\User Data\Defaultrépertoire sur mon ordinateur portable Windows 8. Et j'ai vérifié tous les dossiers et fichiers du Defaultrépertoire. Cette question custom.cssremonte à plus d'un an, est-ce que quelqu'un a trouvé où se trouve le fichier dans Chrome 37.0.x? Merci
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;
}
C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.cssfichier dans Windows 8.
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 .
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.
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 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