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

Question

Как я могу увеличить размер шрифта в консоли Chrome?

Кажется, Пол Ирландский сделал это:

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

ОБНОВЛЕНИЕ

Вот несколько советов по настройке темы: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Answer 1

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

Answer 2

Вот довольно недавнее сообщение в блоге на эту тему.

Как правило, переопределите 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;
}

Answer 3

1. Открыть браузер
2. Открытая консоль.
3. Нажмите Ctrl + .

Надеюсь, это поможет вам

Answer 4

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

Увеличение: ⌘ ^

Уменьшение: ⌘ -

Сброс: ⌘ 0

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

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

Answer 5

Windows 7, Google Chrome 19.0.1084.46 m

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

Answer 6

ЭТО НАМЕРЕНО - Смотрите ответ @ 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;
}

Answer 7

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

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

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

Answer 8

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

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

Это добавит панель «Настройки автора» в Chrome Developer Tools, где вы можете постепенно контролировать размер шрифта, от 10px до 22px

Answer 9

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

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

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

Answer 10

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

Вот результат: http://i.imgur.com/Puzduo9.png