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

Ответы:

196

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

Ронни
источник
2
Прекрасно,
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.

javanoob
источник
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.

отключен
источник
1
 you can press Ctrl + / - to zoom and Ctrl 0
снехал бадхе
источник