Збільшити розмір шрифту хромованої консолі


Відповіді:


194

Якщо вам просто потрібен швидкий тимчасовий розмір, ви можете натиснути Ctrl +/ -для збільшення та Ctrl 0скидання.


2
Фантастично, коли я втратив окуляри: P
StackExchange What The Heck

3
Я не уявляв, що це буде працювати в консолі, незалежно від веб-сторінки. Гарний ...
jcalfee314

3
Для користувачів Mac: ⌘ + та ⌘-
jherax

2
Дякую лорду, хтось це опублікував. Я випадково натиснув клавішу і збільшив цей розмір, а потім не знайшов способу повернути його, поки не наткнувся на цю публікацію.
Воломіке

1
Дуже дякую. вона працює і для консолі Microsoft Edge.
Banketeshvar Narayan

25

Ось досить недавня публікація блогу на цю тему.

В основному, замініть Default/User StyleSheets/Custom.cssу своєму каталозі користувачів щось на зразок:

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

солодке, це робить щасливим.
amosrivera

4
Наскільки я можу сказати, FYI, це нічого не стосується розміру шрифту в консолі. Це чудово для таких речей, як область вихідного коду, але сама консоль, схоже, має дуже конкретні налаштування для багатьох речей, які замінюють тут налаштування розміру шрифту.
Джеймс Мур

1
@Boris Smus У User StyleSheets/Custom.cssмоєму C:\Users\c22\AppData\Local\Google\Chrome\User Data\Defaultкаталозі на ноутбуці Windows 8 немає папки / файлу . І я перевірив усі папки та файли в Defaultкаталозі. Це питання більше року тому, хтось знайшов, де знаходиться custom.cssфайл у Chrome 37.0.x? Дякую
Chris22

1
Спеціальний таблицю стилів видалено з Chromium: codereview.chromium.org/66383005 . Якщо ви хочете налаштувати свою тему, спробуйте використати розширення Chrome devtools: github.com/mauricecruz/zero-base-themes
Dio Phung

21
  1. Відкрийте браузер
  2. Відкрийте консоль.
  3. Натисніть Ctrl+.

Сподіваюся, це вам допоможе


Не могли б ви детальніше зупинитися на цьому? На даний момент це не зовсім однозначна відповідь.
Пол Тернер

Це дійсно простіший спосіб, ніж обраний як відповідь на це питання.
Сельватіко

Для користувачів Mac: ⌘- та ⌘ +
jherax

1
Це має небажаний побічний ефект від масштабування всіх інших елементів інтерфейсу, а також ефективно зменшує загальний доступний простір для читання.
Депутат Адітія

11

Якщо ви перебуваєте на Mac, використовуєте японську клавіатуру і хочете тимчасово збільшити консоль, ярлики:

Збільшувати: ^

Зменшення: -

Скинути масштаб: 0

Інші програми використовують +для збільшення, але оскільки на японських клавіатурах знак плюс знаходиться на другому рівні, він доступний лише зі зміщенням. Так: +

Це де дивно, адже для Chrome це, +мабуть, означає "Збільшити вміст". Якщо ви перебуваєте в консолі Javascript, і це зробити +, область змісту вікна -збільшується . Але, якщо зробити масштабне, повертає фокус назад до консолі та зменшує його. Результат: вміст стає більшим, консоль - меншим. Aaarggghhh .


врятував мій день! боже, як я ненавиджу японські клавіатури
TanC

9

Windows 7, Google Chrome 19.0.1084.46 м

Метод із зміною "User StyleSheets / Custom.css" у мене не спрацював, але Ctrl + "+" спрацював :-)


Я не знаю, чому я не спробував цього .... дер ... дякую ... Хотів би змінити шрифт ...
PhiloSurfer

8

ЦЕ ЗАСТАВЛЕНО - Дивіться відповідь @ TinyJaguar. Тепер ви можете просто використовувати Command- +, якщо ви вибрали щось на консолі розробника.

Якщо ви хочете збільшити розмір шрифту в консолі Javascript, вам потрібні певні розміри шрифту. Це трохи складніше, ніж просто встановити розмір шрифту для джерела:

.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
Це працює. CSS у вибраній ОП відповіді не робить (принаймні більше, принаймні).
Кріс Редфорд,

куди б ви поставили цей css?
Герл

@ChrisRedford так, куди йде цей код? У мене немає C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.cssфайлу в Windows 8.
Chris22,

@ Chris22 Вибачте, це проблема у мене майже рік тому. Я не пам’ятаю, до яких файлів було задіяно, і я більше не тісно розвиваюся з веб-браузерами.
Кріс Редфорд

@ChrisRedford добре, дякую за відповідь. Я використовую швидке виправлення ctrl +/-. Думаю, Chrome дуже важко знаходив файл CSS для редагування.
Chris22,

6

Я створив невеликий плагін, який надає налаштування редактора колекцій для Інструментів розробника Chrome, включаючи можливість поступового контролю розміру шрифту .

  1. Встановіть розширення DevTools Author Chrome із Веб-магазину Chrome
  2. Увімкнути експерименти Інструменти для розробників у chrome: // flags / # enable-devtools-експерименти. Перезапустіть Chrome, щоб прапори набули чинності.
  3. Відкрийте DevTools (cmd + opt + I); Налаштування> Експерименти> поставте прапорець Дозволити власні теми інтерфейсу користувача.

Це додасть панель "Налаштування автора" до Інструментів для розробників Chrome, де ви можете поступово керувати розміром шрифту від 10 до 22 пікс.


6

Якщо ви схожі на мене, CMD+ +не працює для вас, тому що він замість вас переходить на першу вкладку (навіть якщо ви Enable ⌘ + 1-9 shortcut to switch panelsвимкнули).

Ну, у такому випадку відкрийте інструменти Dev, Undock into separate windowа потім перейдіть View --> Zoom inу меню меню Chrome. Вуаля!

Після того, як ви приєднаєте інструменти Dev назад у вікно браузера, View --> Zoom inфактично збільшить розмір шрифту у вікні браузера, але поки розблоковані інструменти розблоковані, він націлений на незакріплені інструменти Dev.


1
Ти врятував мені очі.
Вінсент Кантін

Радий, що можу допомогти!
Багс Зайчик

4

Зверніть увагу: зсередини DevTools вам слід відкрити вкладку «Елементи», щоб відрегулювати розмір шрифту за допомогою «Ctrl +/-». Чомусь це не можна зробити на інших вкладках.

У новій версії Chrome ви можете легко змінити розмір шрифту в Інструментах для розробників.

  1. Відкрийте Інструменти для розробників
  2. Клацніть будь-який рядок у вихідному коді Клацання випадковим рядком на вихідному коді
  3. Натисніть Ctrl + + для збільшення розміру шрифту або Ctrl + - для зменшення розміру шрифту Натискання необхідних комбінацій клавіш для збільшення або зменшення розміру шрифту

Це заздалегідь заданий зум. Як щодо встановлення спеціального масштабування?
Зелений

3

Я знаю, що це вже давно, але просте рішення, яке я знайшов, - збільшити min. font sizeналаштування, і це допоможе подбати про розмір шрифту в хромованому налагоджувачі.


3

Ще один швидкий спосіб назавжди змінити розмір шрифту в інструментах Chrome Dev: Settings-> Show Advanced Settings-> Web Content: змінити відсоток збільшення сторінки.

Зміна розміру шрифту

Ось результат: http://i.imgur.com/Puzduo9.png Порівняння за розміром


Чи впливає це на Chrome на всю систему чи лише для DevTools?
Зелений

Він змінив загальносистемний розмір шрифту Chrome.
Діо Пхунг

1

Якщо ви використовуєте новіший MacBook Pro 2017, ви можете просто скористатися командою => shift => + або - всі натиснуті одразу.


1

На MacOs, якщо ваш ключ 0або +або -знаходяться на другому рівні, набравши +не працюватиме. У такому випадку потрібно використовувати caplock , а потім можна набрати +і 0


1

Якщо ви використовуєте ноутбук, це можна зробити лише за допомогою сенсорної панелі ноутбука.

Торкніться трек-панелі одним пальцем (ще не відпускайте), потім прокрутіть вгору або вниз іншим пальцем, щоб збільшити або зменшити розмір шрифту.

Просто переконайтеся, що панель інструментів розробника сфокусована. Перевірено та працює на моєму HP Pavilion, Windows 8.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.