Увеличить размер шрифта хромированной консоли


Ответы:


196

Если вам просто нужно быстрое временное увеличение размера, вы можете нажать Ctrl +/ -для увеличения и Ctrl 0для сброса.



3
Я понятия не имел, что это будет работать в консоли независимо от веб-страницы. Хороший ...
jcalfee314

3
Для пользователей Mac: ⌘ + и ⌘-
jherax

2
Слава богу, кто-то разместил это. Я случайно нажал клавишу и увеличил этот размер, а затем не нашел способа вернуть его, пока не наткнулся на этот пост.
Volomike

1
Большое спасибо. он также работает с консолью Microsoft Edge.
Банкетешвар Нараян

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
К вашему сведению, насколько я могу судить, это ничего не меняет с размером шрифта в консоли. Это отлично подходит для таких вещей, как панель исходного кода, но сама консоль, похоже, имеет очень специфические настройки для многих вещей, которые переопределяют настройки размера шрифта здесь.
Джеймс Мур

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+.

Я надеюсь это поможет тебе


Не могли бы вы подробнее рассказать об этом? В нынешнем виде это не совсем ясный ответ.
Пол Тернер

Это действительно более простой способ, чем выбранный в качестве ответа на этот вопрос.
Selvatico

Для пользователей Mac: ⌘- и ⌘ +
jherax

1
Это имеет нежелательный побочный эффект, заключающийся в увеличении масштаба всех других элементов пользовательского интерфейса и эффективном уменьшении общего доступного пространства для чтения.
Aditya MP

11

Если вы работаете на Mac, используете японскую клавиатуру и хотите временно увеличить масштаб консоли, горячие клавиши:

Увеличить: ^

Уменьшить: -

Сбросить масштаб: 0

Другие приложения используют +для увеличения, но поскольку на японских клавиатурах знак плюса находится на втором уровне, он доступен только со сдвигом. Так: +

Это становится странным, потому что для Chrome +очевидно означает «Масштабирование содержимого». Если вы находитесь в консоли Javascript и делаете это +, область содержимого окна -увеличивается . Но при уменьшении масштаба фокус перемещается обратно на консоль и уменьшается. Результат: Контент становится больше, консоль меньше. Aaarggghhh .


спас мой день! Боже, как я ненавижу японские клавишные
TanC 01

9

Windows 7, Google Chrome 19.0.1084.46 м

Метод с изменением "User StyleSheets / Custom.css" у меня не работал, но Ctrl + "+" работал :-)


Я не знаю, почему я не попробовал это .... дер ... спасибо ... Хотел бы изменить шрифт, хотя ...
PhiloSurfer 05

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 в ответе, выбранном OP, нет (по крайней мере, больше).
Крис Редфорд

куда бы вы положили этот CSS?
gerl

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

@ Chris22 Извините, у меня возникла проблема почти год назад. Я не помню, какие файлы были задействованы, и я больше не разрабатываю веб-браузеры.
Крис Редфорд,

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

6

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

  1. Установите расширение DevTools Author для Chrome из Интернет-магазина Chrome
  2. Включите эксперименты с инструментами разработчика в chrome: // flags / # enable-devtools-questions. Перезапустите Chrome, чтобы флаги вступили в силу.
  3. Откройте DevTools (cmd + opt + I); Настройки> Эксперименты> установите флажок Разрешить настраиваемые темы пользовательского интерфейса.

Это добавит панель «Настройки автора» в Инструменты разработчика Chrome, где вы можете постепенно управлять размером шрифта от 10 до 22 пикселей.


6

Если вы похожи на меня, CMD+ +не работает для вас, потому что вместо этого переключает вас на первую вкладку (даже если вы Enable ⌘ + 1-9 shortcut to switch panelsотключили).

Что ж, в этом случае откройте Инструменты разработчика, Undock into separate windowа затем перейдите View --> Zoom inв строку меню Chrome. Вуаля!

Как только вы закрепите инструменты разработчика обратно в окне браузера, View --> Zoom inразмер шрифта в окне браузера фактически увеличится, но пока инструменты разработчика отключены, они нацелены на отсоединенные инструменты разработчика.


1
Ты спас мои глаза.
Винсент Кантин

Рад, что смог помочь!
Bugs Bunny

4

Примечание: в DevTools у вас должна быть открыта вкладка Elements, чтобы настроить размер шрифта с помощью «Ctrl +/-». По какой-то причине это невозможно сделать в других вкладках.

В более новой версии Chrome вы можете легко изменить размер шрифта в Инструментах разработчика.

  1. Открыть инструменты разработчика
  2. Щелкните любую строку в исходном коде Щелчок случайной строки в исходном коде
  3. Нажмите Ctrl + +, чтобы увеличить размер шрифта, или Ctrl + -, чтобы уменьшить размер шрифта. Нажатие необходимых комбинаций клавиш для увеличения или уменьшения размера шрифта

Это предустановленный зум. Как насчет настройки масштабирования?
Грин

3

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


3

Еще один быстрый способ навсегда изменить размер шрифта в инструментах Chrome Dev: Settings-> Show Advanced Settings-> Web Content: изменить процент масштабирования страницы.

Изменить размер шрифта

Вот результат: http://i.imgur.com/Puzduo9.png Размер по сравнению с размером


Влияет ли это на Chrome в целом или только на DevTools?
Грин

Он изменил размер шрифта в системе Chrome.
Дио Фунг

1

Если вы используете более новый MacBook Pro 2017, вы можете просто использовать команду => shift => + или - все одновременно.


1

На MacO, если ваш ключ 0или +или -находится на втором уровне, набор текста +не будет работать. В таком случае вам нужно использовать capslock , а затем вы можете ввести +и 0


1

Если вы используете ноутбук, вы можете сделать это только с помощью трекпада ноутбука.

Нажмите на трекпад одним пальцем (пока не отпускайте), затем прокрутите вверх или вниз другим пальцем, чтобы увеличить или уменьшить размер шрифта.

Просто убедитесь, что панель инструментов разработчика находится в фокусе. Протестировано и работает на моем HP Pavilion, Windows 8.


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.