--- title: Caixa de Ferramentas slug: Tools/Tools_Toolbox translation_of: Tools/Tools_Toolbox ---

A 'Caixa de Ferramentas' fornece um único local para a maioria das ferramentas de desenvolvimento que são criadas para o Firefox.

There are a few different ways to open the Toolbox:

select "Toggle Tools" from the Web Developer menu (under "Tools" on OS X and Linux, or "Firefox" on Windows)
click the wrench icon (), which is in the main toolbar or under the Hamburger menu (), then select "Toggle Tools"
activate any tool hosted in the Toolbox (for example, the JavaScript Debugger or the Page Inspector)
press Ctrl + Shift + I on Windows and Linux, or Cmd + Opt + I on OS X. See also keyboard shortcuts.

Por predefinição, a Caixa de Ferramentas aparece anexada na base da janela do navegador, mas também pode desanexá-la se desejar. É assim que esta aparece quando está anexada:

A janela é dividida em duas partes: uma barra de ferramentas no topo, e um painel principal por debaixo:

Modo de anexação

Por predefinição, a Caixa de Ferramentas aparece anexada na base da janela do navegador, mas também pode anexá-la no lado direito da janela, ou utilizá-la numa janela independente, utilizando os botões na barra de ferramentas.

Barra de Ferramentas

The toolbar contains controls to activate a particular tool, to dock/float the window, and to close the window.

Selecionador de Nodo

On the far left there's a button to activate the node picker. This lets you select a page element for inspection. See "Selecting elements".

Ferramentas hospedadas na Caixa de Ferramentas

Then there is an array of labeled buttons which enables you to switch between the different tools hosted by the Toolbox. The array may include the following tools:

Note that not all the hosted tools are always listed here: only the tools actually available in this context are shown (for example, not all tools support remote debugging yet, so if the debugging target is not the Firefox instance that launched the window, not all the hosted tools will be shown).

Ferramentas extra

Next there's an array of buttons that can be added or removed in the developer tool settings. By default this array includes:

Pick an element from the page
Toggle split console
Responsive Design Mode
Select a frame as the currently targeted document (this is only included by default from Firefox 41 onwards).

The following tools are not included in the toolbar by default, but you can add them in the settings:

Highlight painted area
3D view (note that this is not available in Firefox 40)
Scratchpad
Grab a color from the page
Take a screenshot of the entire page: take a screenshot of the complete web page and saves it in your Downloads directory
Toggle rulers for the page
Measure a portion of the page: measure a part of the website by selecting areas within the page

Controlos da caixa de ferramentas

Finally there's a row of buttons to:

close the window
toggle the window between attached to the bottom of the browser window, and attached to the side of the browser window
toggle the window between standalone and attached to the browser window
access developer tool settings

Configurações

See the separate page on the Developer Tools Settings.

Painel Principal

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

Atalhos de teclado

{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "toolbox-shortcuts") }}

{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}