Erhöhen Sie die Schriftgröße der Chrome-Konsole


Antworten:


194

Wenn Sie nur eine schnelle, vorübergehende Größenänderung benötigen, können Sie Ctrl +/ drücken, um -zu zoomen und Ctrl 0zurückzusetzen.


2
Fantastisch, wenn ich meine Brille verloren habe: P
StackExchange What The Heck

3
Ich hatte keine Ahnung, dass dies in der Konsole unabhängig von der Webseite funktionieren würde. Schön ...
jcalfee314

3
Für Mac-Benutzer: ⌘ + und ⌘-
jherax

2
Dem Herrn sei Dank, dass jemand dies gepostet hat. Ich habe versehentlich einen Tastendruck ausgeführt und diese Größe erhöht. Dann habe ich keine Möglichkeit gefunden, sie zurückzubekommen, bis ich über diesen Beitrag gestolpert bin.
Volomike

1
Vielen Dank. Es funktioniert auch für die Microsoft Edge-Konsole.
Banketeshvar Narayan

25

Hier ist ein ziemlich neuer Blog-Beitrag zu diesem Thema.

Überschreiben Sie Default/User StyleSheets/Custom.cssin Ihrem Benutzerverzeichnis grundsätzlich Folgendes :

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

süß, das macht glücklich.
Amosrivera

4
Zu Ihrer Information, dies hat nichts mit der Schriftgröße in der Konsole zu tun, soweit ich das beurteilen kann. Es eignet sich hervorragend für Dinge wie den Quellcodebereich, aber die Konsole selbst scheint sehr spezifische Einstellungen für viele Dinge zu haben, die die Einstellungen für die Schriftgröße hier überschreiben.
James Moore

1
@ Boris Smus Auf meinem Windows 8-Laptop befindet sich kein User StyleSheets/Custom.cssOrdner / keine Datei in meinem C:\Users\c22\AppData\Local\Google\Chrome\User Data\DefaultVerzeichnis. Und ich habe alle Ordner und Dateien im DefaultVerzeichnis überprüft . Diese Frage wurde vor über einem Jahr gestellt. custom.cssHat jemand gefunden, wo sich die Datei in Chrome 37.0.x befindet? Danke
Chris22

1
Benutzerdefiniertes Stylesheet wurde aus Chromium entfernt: codereview.chromium.org/66383005 . Wenn Sie Ihr Thema anpassen möchten, verwenden Sie eine Chrome-Devtools-Erweiterung: github.com/mauricecruz/zero-base-themes
Dio Phung

21
  1. Browser öffnen
  2. Konsole öffnen.
  3. Drücken Sie Ctrl+.

ich hoffe es hilft dir


Könnten Sie das näher erläutern? So wie es aussieht, ist es keine klare Antwort.
Paul Turner

Es ist wirklich einfacher als als Antwort auf diese Frage gewählt.
Selvatico

Für Mac-Benutzer: ⌘- und ⌘ +
jherax

1
Dies hat den unerwünschten Nebeneffekt, dass auch alle anderen Benutzeroberflächenelemente gezoomt werden und der insgesamt verfügbare Lesesaal effektiv verringert wird.
Aditya MP

11

Wenn Sie auf einem Mac arbeiten, eine japanische Tastatur verwenden und die Konsole vorübergehend zoomen möchten, gelten folgende Verknüpfungen:

Hineinzoomen: ^

Rauszoomen: -

Zoom zurücksetzen: 0

Andere Anwendungen verwenden +zum Vergrößern, aber da sich bei japanischen Tastaturen das Pluszeichen auf der zweiten Ebene befindet, ist es nur mit Shift zugänglich. So: +

Dort wird es komisch, denn für Chrome +bedeutet das anscheinend "Zoom Content". Wenn Sie sich in der Javascript-Konsole befinden und dies tun +, wird der Inhaltsbereich des Fensters vergrößert. Wenn Sie jedoch verkleinern, wird -der Fokus wieder auf die Konsole verschoben und verkleinert. Ergebnis: Der Inhalt wird größer, die Konsole kleiner. Aaarggghhh .


hat meinen Tag gerettet!
Meine Güte,

9

Windows 7, Google Chrome 19.0.1084.46 m

Die Methode zum Ändern von "User StyleSheets / Custom.css" hat bei mir nicht funktioniert, aber Strg + "+" hat funktioniert :-)


Ich weiß nicht, warum ich das nicht ausprobiert habe ... der ... danke ... möchte aber die Schriftart ändern ...
PhiloSurfer

8

DAS IST OBSOLET - Siehe die Antwort von @ TinyJaguar. Sie können jetzt einfach Command- + verwenden, wenn Sie etwas in der Entwicklerkonsole ausgewählt haben.

Wenn Sie die Schriftgröße in der Javascript-Konsole erhöhen möchten, benötigen Sie bestimmte Schriftgrößen. Es ist etwas schwieriger als nur die Schriftgröße für die Quelle festzulegen:

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

2
Das funktioniert. Das CSS in der OP-ausgewählten Antwort funktioniert nicht (zumindest nicht mehr).
Chris Redford

Wo würdest du dieses CSS hinstellen?
Gerl

@ ChrisRedford ja, wohin geht dieser Code? Ich habe die C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.cssDatei nicht in Windows 8.
Chris22

@ Chris22 Sorry, das ist ein Problem, das ich vor fast einem Jahr hatte. Ich erinnere mich nicht, um welche Dateien es sich handelte, und ich entwickle mich nicht mehr eng mit Webbrowsern zusammen.
Chris Redford

@ ChrisRedford ok, danke für die Antwort. Ich werde die schnelle Lösung von Strg +/- verwenden. Chrome hat es sehr schwierig gemacht, die CSS-Datei zu finden, die absichtlich bearbeitet werden soll.
Chris22

6

Ich habe ein kleines Plugin erstellt, das Einstellungen für den Sammlungseditor für Chrome Developer Tools enthält, einschließlich der Möglichkeit, die Schriftgröße schrittweise zu steuern .

  1. Installieren Sie die DevTools Author Chrome-Erweiterung aus dem Chrome Web Store
  2. Aktivieren Sie Developer Tools-Experimente in Chrome: // flags / # enable-devtools-experiments. Starten Sie Chrome neu, damit die Flags wirksam werden.
  3. Öffnen Sie DevTools (cmd + opt + I). Einstellungen> Experimente> Aktivieren Sie Benutzerdefinierte Benutzeroberflächenthemen zulassen.

Dadurch wird den Chrome Developer Tools ein Bereich "Autoreneinstellungen" hinzugefügt, in dem Sie die Schriftgröße schrittweise von 10 bis 22 Pixel steuern können


6

Wenn Sie wie ich sind, funktioniert CMD+ +nicht für Sie, da Sie stattdessen zur ersten Registerkarte wechseln (obwohl Sie ausgeschaltet haben Enable ⌘ + 1-9 shortcut to switch panels).

Öffnen Sie in diesem Fall die Dev Tools Undock into separate windowund rufen Sie die View --> Zoom inChrome-Menüleiste auf. Voilà!

Sobald Sie Dev Tools wieder im Browserfenster andocken, View --> Zoom inwird die Schriftgröße in einem Browserfenster tatsächlich erhöht. Solange Dev Tools nicht angedockt sind, werden die nicht angedockten Dev Tools als Ziel ausgewählt.


1
Du hast meine Augen gerettet.
Vincent Cantin

Froh, dass ich helfen konnte!
Bugs Bunny

4

Hinweis: In DevTools muss die Registerkarte "Elemente" geöffnet sein, damit Sie die Schriftgröße mithilfe von "Strg +/-" anpassen können. Aus irgendeinem Grund kann dies nicht in anderen Registerkarten durchgeführt werden.

In der neueren Version von Chrome können Sie die Schriftgröße der Schriftart in den Entwicklertools problemlos ändern.

  1. Öffnen Sie die Entwicklertools
  2. Klicken Sie auf eine Zeile im Quellcode Klicken Sie auf eine zufällige Zeile im Quellcode
  3. Drücken Sie Strg + +, um die Schriftgröße zu erhöhen, oder Strg + -, um die Schriftgröße zu verringern Drücken Sie die erforderlichen Tastenkombinationen, um die Schriftgröße zu erhöhen oder zu verringern

Es ist vordefinierter Zoom. Wie wäre es mit einem benutzerdefinierten Zoom?
Grün

3

Ich weiß, dass dies viel alt ist, aber die einfache Lösung, die ich gefunden habe, besteht darin, min. font sizedie Einstellungen zu erhöhen, und das kümmert sich um die Schriftgröße im Chrome-Debugger.


3

Eine weitere schnelle Möglichkeit, die Schriftgröße in Chrome Dev-Tools dauerhaft zu ändern: Settings-> Show Advanced Settings-> Web Content: Ändern Sie den Prozentsatz für den Seitenzoom.

Schriftgröße ändern

Hier ist das Ergebnis: http://i.imgur.com/Puzduo9.png Größenvergleich


Betrifft es Chrome systemweit oder nur für DevTools?
Grün

Die systemweite Schriftgröße von Chrome wurde geändert.
Dio Phung

1

Wenn Sie ein neueres MacBook Pro 2017 verwenden, können Sie einfach den Befehl => shift => + oder - alle gleichzeitig drücken.


1

Auf MacOs, wenn Ihr Schlüssel 0oder +oder -auf der zweiten Ebene ist, Typisierung +wird nicht funktionieren. In einem solchen Fall müssen Sie Capslock verwenden , und dann können Sie +und eingeben 0


1

Wenn Sie einen Laptop verwenden, können Sie dies nur mit Ihrem Laptop-Trackpad tun.

Tippen Sie mit einem Finger auf Ihr Trackpad (noch nicht loslassen) und scrollen Sie dann mit einem anderen Finger nach oben oder unten, um die Schriftgröße zu erhöhen oder zu verringern.

Stellen Sie einfach sicher, dass das Dev Tools Panel im Fokus steht. Getestet und arbeite an meinem HP Pavilion, Windows 8.


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.