Zwiększ rozmiar czcionki w konsoli chrome

Jak mogę zwiększyć rozmiar czcionki w konsoli Chrome?

Wygląda na to, że zrobił to Paul Irish:

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

AKTUALIZACJA

Oto kilka wskazówek, jak dostosować motyw: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Jeśli potrzebujesz tylko szybkiego, tymczasowego zwiększenia rozmiaru, możesz nacisnąć Ctrl +/, -aby powiększyć i Ctrl 0zresetować.

Oto całkiem niedawny wpis na blogu na ten temat.

Zasadniczo zastąp Default/User StyleSheets/Custom.cssw katalogu użytkownika czymś takim:

/* 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. Otwórz przeglądarkę
2. Otwórz konsolę.
3. Naciśnij Ctrl+.

Mam nadzieję, że ci to pomoże

Jeśli używasz komputera Mac, używasz japońskiej klawiatury i chcesz tymczasowo powiększyć konsolę, skróty to:

Zbliżenie: ⌘ ^

Pomniejsz: ⌘ -

Resetuj powiększenie: ⌘ 0

Inne aplikacje używają +do powiększania, ale ponieważ na japońskich klawiaturach znak plus znajduje się na drugim poziomie, jest dostępny tylko po przesunięciu. Więc:⌘ ⇧ +

To robi się dziwne, bo Chrome ⌘ ⇧ +najwyraźniej oznacza „Zoom Content”. Jeśli jesteś w konsoli JavaScript, a zrobić ⌘ ⇧ +, obszar zawartości okna w powiększeniu. Ale robi Zoom-out ⌘ -Przenosi fokus z powrotem do konsoli i czekać go. Wynik: zawartość staje się większa, a konsola mniejsza. Aaarggghhh .

Windows 7, Google Chrome 19.0.1084.46 m

Metoda z modyfikacją "User StyleSheets / Custom.css" nie działała na mnie, ale Ctrl + "+" działało :-)

TO JEST PRZESTARZAŁE - Zobacz odpowiedź @ TinyJaguar. Możesz teraz po prostu użyć Command- +, jeśli wybrałeś coś w konsoli programisty.

Jeśli chcesz zwiększyć rozmiar czcionki w konsoli Javascript, potrzebujesz określonych rozmiarów czcionek. To trochę trudniejsze niż ustawienie rozmiaru czcionki dla źródła:

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

Stworzyłem małą wtyczkę, która zapewnia ustawienia edytora kolekcji dla narzędzi deweloperskich Chrome, w tym możliwość stopniowej kontroli rozmiaru czcionki .

1. Zainstaluj rozszerzenie DevTools Author do Chrome z Chrome Web Store
2. Włącz eksperymenty w Narzędziach dla programistów w chrome: // flags / # enable-devtools-experiments. Uruchom ponownie Chrome, aby flagi zaczęły obowiązywać.
3. Otwórz DevTools (cmd + opt + I); Ustawienia> Eksperymenty> zaznacz Zezwalaj na niestandardowe motywy interfejsu użytkownika.

Spowoduje to dodanie panelu „Ustawienia autora” do Narzędzi dla programistów Chrome, w którym można stopniowo kontrolować rozmiar czcionki, od 10 do 22 pikseli

Jeśli jesteś podobny do mnie, CMD+ +nie działa dla Ciebie, ponieważ zamiast tego przełącza Cię na pierwszą kartę (nawet jeśli jesteś Enable ⌘ + 1-9 shortcut to switch panelswyłączony).

W takim przypadku otwórz Narzędzia deweloperskie, Undock into separate windowa następnie przejdź do View --> Zoom inpaska menu Chrome. Voilà!

Po zadokowaniu Dev Tools z powrotem w oknie przeglądarki, View --> Zoom infaktycznie zwiększy rozmiar czcionki w oknie przeglądarki, ale tak długo, jak Dev Tools są oddokowane, jest skierowany do niezadokowanych Dev Tools.

Uwaga: z poziomu DevTools musisz mieć otwartą kartę Elementy, aby dostosować rozmiar czcionki za pomocą „Ctrl +/-”. Z jakiegoś powodu nie można tego zrobić w innych zakładkach.

W nowszej wersji Chrome możesz łatwo zmienić rozmiar czcionki w Narzędziach dla programistów.

1. Otwórz narzędzia programistyczne
2. Kliknij dowolną linię w kodzie źródłowym
3. Naciśnij Ctrl + +, aby zwiększyć rozmiar czcionki lub Ctrl + -, aby zmniejszyć rozmiar czcionki

Wiem, że jest to stare, ale prostym rozwiązaniem, które znalazłem, jest zwiększenie min. font sizew ustawieniach, a to zajmie się rozmiarem czcionki w debugerze chrome.

Kolejny szybki sposób na trwałą zmianę rozmiaru czcionki w narzędziach Chrome Dev: Settings-> Show Advanced Settings-> Web Content: zmień procent powiększenia strony.

Oto wynik: http://i.imgur.com/Puzduo9.png

Jeśli używasz nowszego MacBooka Pro 2017, możesz po prostu użyć polecenia => shift => + lub - wszystkie wciśnięte jednocześnie.

Na MacOS, jeśli klucz 0lub +czy -są na drugim poziomie, wpisując ⌘ ⇧ +się nie uda. W takim przypadku musisz użyć Capslock ⇪, a następnie możesz wpisać ⌘ +i⌘ 0

Jeśli używasz laptopa, możesz to zrobić tylko za pomocą gładzika laptopa.

Dotknij gładzika jednym palcem (jeszcze nie zwalniaj), a następnie przewiń w górę lub w dół drugim palcem, aby zwiększyć lub zmniejszyć rozmiar czcionki.

Tylko upewnij się, że panel narzędzi deweloperskich jest aktywny. Przetestowałem i pracuję na moim HP Pavilion, Windows 8.

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