2014-12-03 13 views

Antwort

8

Sie benötigen userChrome.css unter ~/.mozilla/firefox/[Profilname]/chrom mit diesem zu ändern:

/* Styles for Web developer tools */ 
@namespace url(http://www.w3.org/1999/xhtml); 
.CodeMirror { 
    font-family: "Ubuntu Mono", monospace !important; 
    font-size:  15pt !important; 
} 

Das Ergebnis sieht wie folgt aus:

firefox

Dadurch werden nur der Debugger und der Style-Editor geändert. Es gibt einen anderen Selektor für den HTML-Inspektor. Ich bin mir nicht sicher, was das ist.

+0

Es funktioniert! :] chome/userChrome.css fehlte in meinem Profil, aber nachdem ich es erstellt habe, boom! Es klappt! :] – LDMdev

+1

[Mozilla-Lösung] (https://support.mozilla.org/en-US/questions/981146) – LDMdev

+0

Dies wird auch die Markup-Ansicht stylen: /* Stile für Web-Entwickler-Tools */ @namespace url (http://www.w3.org/1999/xhtml); .CodeMirror, body.theme-body.devtools-monospace { Schriftfamilie: "Ubuntu Mono", Monospace! Wichtig; Schriftgröße: 15pt! Wichtig; } –

80
  1. Öffnen Sie Firefox-Entwicklertools
  2. Press CTRL (oder Befehl auf dem Mac) und die + Taste gleichzeitig

klar sein, wenn ich sagen die + Taste meine ich die Schlüssel mit der + drauf. Sie müssen die Shift-Taste nicht gedrückt halten, während Sie sie drücken.

1

Wie John sagte, ist der Weg, die Schriftgröße in den Devtools zu erhöhen, ctrl/cmd +, genau wie auf einer Webseite. Tatsächlich ist Devtools eine Webseite. Sie müssen nur sicherstellen, dass der Devtools-Frame zuerst fokussiert wird.

Ich fürchte, es gibt keine Möglichkeit, nur die Schriftgröße für den Code jetzt zu erhöhen.

+0

Und gibt es einen einfachen Weg, sicherzustellen, dass Devtools Fokus hat? Es scheint sehr schwer zu sein, es auszuwählen! –

+0

Klicken Sie auf die Konsolenregisterkarte und dann auf jede Konsolennachricht, damit sie hervorgehoben wird. Dann Strg + –

4

Sie können einen Stil für den Klassenselektor devtools-monospace angeben. Bearbeiten Sie dazu userChrome.css im Verzeichnis chrome Ihres Mozilla-Profils und geben Sie die gewünschten CSS-Eigenschaften an. Zum Beispiel:

.devtools-monospace { 
    font-family: "Source Code Pro",monospace !important; 
    font-size: 16px !important; 
} 

Die userChrome.css Bedürfnisse im chrome Ordner Ihres Firefox-Profil sein. Wenn der Ordner nicht existiert, erstellen Sie ihn. Ihr userChrome.css überschreibt dann das CSS von den Firefox-Entwicklungstools, nachdem Sie den Browser neu gestartet haben. Strg + R und geben Sie dann:

Um Ihr Profil in Windows OS type

%APPDATA%\Mozilla\Firefox\Profiles\ 
+0

Willkommen bei Stack Overflow! Obwohl dieser Code helfen kann, das Problem zu lösen, erklärt er nicht, warum und/oder wie er die Frage beantwortet. Die Bereitstellung dieses zusätzlichen Kontextes würde seinen langfristigen Bildungswert erheblich verbessern. Bitte [bearbeiten] Sie Ihre Antwort, um eine Erläuterung hinzuzufügen, einschließlich der Einschränkungen und Annahmen. –

+0

@TobySpeight worüber sprichst du? Joschis Antwort ist die einzige, die in der aktuellen Version von Firefox funktioniert. +1 – Tobia

+0

@Tobia, die Antwort wurde bearbeitet, seit ich diesen Kommentar gemacht habe. Es ist jetzt merklich besser (obwohl es eher zum Rezept als zur Erklärung neigt). –

4

Öffnen Sie Firefox und about:support geben. In Application Basics Abschnitt wählte Profilverzeichnis - Open Directory. Es wird Ihren Dateimanager auslösen. Wenn es keinen chrome Ordner gibt, erstellen Sie ihn. Danach gehen Sie zu diesem chrome Ordner und erstellen Sie eine userChrome.css Datei, öffnen Sie es in einem Texteditor und fügen Sie hinzu: .devtools-monospace {font-size: 12px!important;} Speichern. Stellen Sie sicher, dass Firefox neu gestartet wird.

0

Ich hatte versehentlich mein Firefox-Entwickler-Fenster auf das Minimum reduziert (konnte nicht einmal mehr lesen), "CMD +" (Mac) funktionierte nicht für mich, nur für die Haupt-Webseite, auch wenn die Konsole wurde fokussiert, ich schlug nur: "CMD 0" und es kam wieder zur Normalität, wenn es eine gute Alternative zu jemand anderem sein kann;)

+0

Willkommen bei Stack Overflow! Dies beantwortet die Frage nicht wirklich. Nehmen Sie sich eine Minute Zeit und lesen Sie [Antwort] (http://stackoverflow.com/questions/how-to-answer) –

+0

Nun, das war die Antwort, die ich suchte :) Aber Sie haben Recht, diese Antwort ist nicht die Antwort auf "wie Schriftgröße zu erhöhen?" aber "Wie bekomme ich die Schriftgröße auf die Originalgröße?". –

1

So sicher, wie bereits erwähnt, ist die kurze Antwort cmd + +.

Aber die + Zeichen möglicherweise nicht direkt auf Ihrer Tastatur zugänglich (keine numerische Tastatur, Laptop, seltsames Layout).
Dann müssen Sie zuerst maj drücken, um auf das + Zeichen zuzugreifen, wie zum Beispiel auf dem amerikanischen Tastaturlayout: maj + =.
Leider erhöht cmd= die Schriftart des Webansichtsbereichs, selbst wenn Sie sich korrekt auf den Dev-Toolbereich konzentrieren, während cmd + - die Schriftart im Dev-Toolbereich verringert.
Und Sie enden mit einem Web-Tool-Bereich mit einer Schriftgröße, die so klein ist, dass sie nicht lesbar ist, und keine Möglichkeit, sie zu erhöhen.

Dann @ Thal Antwort ist praktisch, einmal auf den Dev-Toolbereich fokussiert cmd + 0 setzt die Schriftgröße des Dev-Tools auf das Original.

Wenn Sie die Frage wie @Timothy_Truckle beantworten mögen fragt nach, hier sind ein paar von ihnen (noch auf dem Entwickler-Toolbereich konzentrieren, natürlich):

  • Schalter auf das US-Tastaturlayout und drücken cmd + =
  • ein Tastaturlayout mit dem + direkt zugänglich finden, wechseln Sie es und drücken Sie cmd + +

das ist für euch wonde ist warum manche es schwer finden, einfach auf cmd + + zu drücken, oder warum einige es schwer finden, sich auf den Entwicklungswerkzeugbereich zu konzentrieren (weil sie sich eigentlich auf den Entwicklungswerkzeugbereich konzentrieren, aber das Ergebnis ist, als ob sie auf den Webansichtsbereich fokussiert wären)).

0

Warum Zeit verschwenden, Selektoren für verschiedene devTool-Komponenten zu finden, ändern Sie die Schriftgröße für alle! Ändern Sie einfach Nans Antwort und fügen Sie diese Zeilen zu userChrome.css hinzu.

@namespace url(http://www.w3.org/1999/xhtml); 
* { 
    font-family: "Ubuntu Mono", monospace !important; 
    font-size:  20px !important; 
}