Увеличение размера шрифта кода в firefox developer tool

кто-то знает, как увеличить шрифты кода в инструментах разработчика firefox? Я знаю, что есть функция масштабирования, но я хочу, чтобы установить размер шрифта только для кода.

Спасибо за ваши ответы.

8 ответов


вам нужно изменить userChrome.css под ~/.mozilla / firefox / [имя профиля] / chrome с этим:

/*  Styles for Web developer tools */
@namespace url(http://www.w3.org/1999/xhtml);
.CodeMirror {
    font-family:    "Ubuntu Mono", monospace !important;
    font-size:      15pt !important;
}

результат выглядит так:

firefox

это изменяет только отладчик и редактор стилей. Существует другой селектор для инспектора html. Пока не знаю, что это такое.


  1. Откройте Инструменты Разработчика Firefox
  2. нажмите CTRL (или команду на Mac) и клавишу + одновременно

чтобы быть ясным, когда я говорю в + ключ Я имею в виду ключ с + на нем. Вам не нужно удерживать shift при нажатии.


откройте Firefox и введите about:support. В Основы Применения раздел выбрал каталог профиля -Открыть Каталог. Он уволит ваш файловый менеджер. Если нет chrome папка, чем создать ее. После этого идите к этому


вы можете указать стиль для devtools-monospace селектор класса. Для этого отредактируйте userChrome.css в вашем профиле mozilla chrome каталог и укажите свойства CSS, которые вы хотите. Например:

.devtools-monospace {
    font-family: "Source Code Pro",monospace !important;
    font-size: 16px !important;
}

The userChrome.css должен быть chrome папка вашего профиля Firefox. Если папка не существует, создайте его. Ваш userChrome.css затем переопределит CSS из Firefox dev tools после перезагрузки браузера.

чтобы найти свой профиль в ОС Windows тип: Strg + R и затем введите:

%APPDATA%\Mozilla\Firefox\Profiles\

так уверен, как указано выше, короткий ответ cmd++.

но + знак может быть недоступен непосредственно на клавиатуре (нет цифровой клавиатуры, ноутбука, странной компоновки).
Затем вы должны нажать maj первый доступ к + знак, например, на американской раскладке клавиатуры:maj+=.
К сожалению, даже если вы правильно сфокусированы на панели инструментов dev, cmd+maj+= увеличивает шрифт панели веб-вида, в то время как cmd+ - уменьшает шрифт на панели инструментов разработчика.
И вы в конечном итоге с веб-панели инструментов с размером шрифта настолько мал, что он не читается, и нет способа увеличить его.

тогда ответ @Thal пригодится, как только он будет сфокусирован на панели инструментов dev cmd+0 сбрасывает размер шрифта инструмента dev до исходного.

Если вы хотите ответить на вопрос, как @Timothy_Truckle просит, Вот несколько из них (по-прежнему сосредоточиться на панели инструментов dev, конечно):

  • переключитесь на раскладку клавиатуры США и нажмите cmd+=
  • найти раскладку клавиатуры с + прямой доступ, переключитесь на него и нажмите cmd++

Это для вас интересно, почему некоторые находят его трудно просто нажать cmd++ или почему некоторым трудно сосредоточиться на панели инструментов dev (потому что они фактически фокусируются на панели инструментов dev, но результат таков, как если бы они были сосредоточены на панели веб-представления).


некоторые элементы Firefox можно стилизовать в userChrome.в CSS файл, расположенный в вашем профиле Firefox chrome.
С 2018 года изменить / создать ~/.в Mozilla/Firefox в/[профиль-имя]/хром/userChrome.в CSS С чем-то похожим на:

@-moz-document url-prefix("chrome://devtools/content/") {
    * { font-size: 13px !important; }
}

затем перезапустите Firefox.

решение на форумах Mozilla почти имеет право: https://support.mozilla.org/en-US/questions/1198481

используя Ctrl+= или Cmd+= не был идеальным для меня, так как он увеличил шрифты для всех элементов окна, включая имена вкладок.

используя .devtools-monospace { font-size: 13px !important;} было почти нормально, но это не повлияло на вкладки отладчика и сети.

использование решения @bohag_bihu имело побочные эффекты для адресной строки и другого текста входной.


Как сказал Джон, способ увеличить размер шрифта в devtools - использовать ctrl / cmd+, как и на веб-странице. На самом деле devtools-это веб-страница. Вам просто нужно убедиться, что рамка devtools сфокусирована в первую очередь.

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


Я случайно изменил размер окна разработчика firefox до минимума (больше не мог его прочитать), "CMD +" (mac) не работал для меня, ну только для главной веб-страницы, даже если консоль была сфокусирована, я просто ударил: "CMD 0", и он вернулся к норме, если это может быть хорошей альтернативой кому-либо еще;)