Toolbox

Окно Инструменты включает в себя все встроенные в Firefox инструменты. Его можно открыть, выбрав «Инструменты разработки» из меню Веб разработка (в «Инструменты» на OS X и Linux, или «Firefox» в Windows), или активировав любой включённый туда инструмент (например, Отладчик JavaScript Debugger или Инспектор страниц). Ещё можно нажать Ctrl + Shift + I на Windows и Linux, или Cmd + Opt + I на OS X.

По умолчанию окно появляется прикреплённым к нижнему краю окна Firefox, но его можно и отсоединить. Вот как оно выглядит прикреплённым:

Само окно разделено на две части: панель инструментов вверху и главная панель внизу:

Режим Прикрепления

По умолчанию Панель инструментов прикреплена к низу окна браузера. Используя иконки настройки Панели управления, Вы можете прикрепить его к правой части окна браузера или открепить его и вывести в отдельное окно.

Панель инструментов

Панель содержит набор контролов (управляющих элементов интерфейса), с помощью которых можно выбрать инструмент или отсоединить/присоединить/закрыть окно.

Инструмент для выбора объекта

Крайняя левая иконка Панели инструментов служит для включения инструмента выбора различных элементов. Она позволяет кликом выбрать элемент кода, который Вам необходим для исследования. См. «Выбор элемента».

Основной набор инструментов

Далее располагается раздел кнопок, позволяющий активировать основные инструменты Панели. В этом разделе могут находится следующие инструменты:

Учтите, что в этом разделе не всегда могут быть видны все инструменты Панели: в этом разделе показываются только те инструменты, которые доступные в данном контексте (например, пока еще не все инструменты поддерживают функцию удалённой отладки. Таким образом, если элементом отладки, из-за которого открыта Панель инструментов, является объект, который не поддерживает функцию отладки Firefox, то в этом разделе будут показаны не все инструменты Основного набора).

Дополнительные инструменты

Дальше идёт ряд кнопок, которые можно добавлять и удалять через окно настроек инструментов разработки. По умолчанию этот ряд включает:

Следующие инструменты по умолчанию отсутствуют на панели, но их можно добавить в настройках:

Подсвечивать прорисованную область
3D-вид
Простой редактор JavaScript
Захватить цвет со страницы
Сделать скриншот всей страницы: этот появился в Firefox 32. Он делает скриншот целой веб-страницы и сохраняет его в каталоге Загрузки.
SВыберите iframe в качестве текущего целевого документа: появился в Firefox 34.

Toolbox controls

Наконец, ряд кнопок, позволяющих:

закрыть окно
переключить место прикрепления окна между низом окна браузера и боковой стороной
переключиться между отдельным окном и прикреплённым к окну браузера
открыть настройки инструментов разработчика

Настройки

Кнопка «Настройки» () даёт вам доступ к настройкам самого Набора инструментов и находящихся в нём инструментов:

Depicts the Toolbox options

Инструменты разработчика Firefox по умолчанию

Эта группа галочек определяет, какие инструменты включаются в набор инструментов. Часто бывает, что новый инструмент добавляется в Firefox, но по умолчанию выключен.

Доступные кнопки инструментов

This group of checkboxes determines which "standalone tools" get buttons in the toolbar. This defaults to the node picker, the split console, and responsive design mode.

Firefox 32 adds a button to take a screenshot of the complete web page, which is unchecked by default.

Темы

This enables you to switch between a light and a dark theme:

Общие настройки

Settings that apply to more than one tool. There's just one of these:

Enable persistent logs: a setting to control whether or not the Web Console and Network Monitor clear their output when you navigate to a new page.

Инспектор

Show browser styles: a setting to control whether styles applied by the browser (user-agent styles) should be displayed in the Inspector's Rules view. This setting is new in Firefox 32. Note that this setting is independent of the "Browser styles" checkbox in the Inspector's Computed view.
Default color unit: a setting to control how colors are represented in the inspector:
- Hex
- HSL(A)
- RGB(A)
- name.

Редактор стилей

Show original sources: when a CSS preprocessor supporting source maps is used, this enables the Style Editor to display the original, preprocessor, sources rather than the generated CSS. Learn more about Style Editor support for CSS source maps. With this setting checked, the Page Inspector Rules view will also provide links to the original sources.
Autocomplete CSS: enable the Style Editor to offer autocomplete suggestions.

Профайлер JavaScript

Show Gecko platform data: a setting to control whether or not profiles should include Gecko platform symbols.

Настройки редактора

Preferences for the CodeMirror source editor, which is included in Firefox and used by several developer tools, including Scratchpad and the Style Editor.

Определять стиль отступов: auto-indent new lines based on the current indentation
Автозакрытие скобок
Отступ с помощью пробелов
Размер отступа табуляции
Сочетания клавиш: choose the default CodeMirror keybindings, or keybindings from one of several popular editors:
- Vim
- Emacs
- Sublime Text

Расширенные настройки

Отключить кэш: позволяет отключить кэш браузера, чтобы определить скорость загрузки всех данных из сети. Начиная с Firefox 33 и новее эта настройка сохраняемая. Это означает, что если Вы отключите кэш, закроете инструменты разработчика и откроете снова, то обнаружите, что кэш все еще отключен. Тем не менее кэширование автоматически будет включено когда инструменты разработчика закрыты.
Отключить JavaScript: позволяет выключить JavaScript (требуется перезагрузить страницу)
Enable Service Workers over HTTP: enable Service Worker registrations from insecure websites
Включить отладку chrome и дополнений: позволяет инструментам разработчика получить доступ к контексту самого браузера, а не только веб контента
Включить удаленную отладку: позволяет выполнять отладку удаленных экземпляров Firefox с помощью инструментов разработчика

Главная панель

The content of the main pane in the window is entirely controlled by, and specific to, the hosted tool currently selected.