We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

La Caja de herramientas proporciona un único lugar para todas las herramientas de desarrollo que están incorporadas en Firefox.

Puedes abrirla de varias maneras:

  • Abriendo el menú Herramientas del navegador, selecciona "Desarrollador web" y después "Inspector" o "Alternar Herramientas".
  • haz click en el icono de la llave en la barra de herramientas principal o en el menú hamburguesa y después en "Inspector" o "Alternar Herramientas".
  • Activando cualquier herramienta alojada en la barra de herramientas: por ejemplo, el depurador JavaScript o el Inspector de la página.
  • Presionando Ctrl + Shift + I en Windows y Linux, o Cmd + Opt + I en OS X. Explora también los atajos de teclado.

Por defecto, la ventana aparece acoplada en la parte inferior de la ventana de Firefox, pero se puede desprender si así lo deseas. Esto es lo que parece cuando está acoplado:

La ventana está dividida en dos partes: una barra de herramientas en la parte superior y un panel principal inferior:

Modo de Docking

Por defecto, la ventana está en la parte inferior de la ventana del navegador, pero puedes fijarla al lateral, o mostrarla en una ventana separada usando los botones de la barra de herramientas.

A partir de Firefox 41 puedes alternar entre los dos últimos que has utilizado pulsando Ctrl + Shift + D en Windows y Linux, o Cmd + Shift + D en OS X.

Barra de herramientas

La barra de herramientas contiene los controles para activar una herramienta en particular, para fijar / flotar la ventana, y para cerrar la ventana:

Selector de Elementos

Empezando por la izquierda, primero hay un botón para activar el selector de elementos (también llamado Selector de nodos o Node picker) que sirve para elegir el elemento de la página que vamos a inspeccionar. Ver Seleccionar un elemento.

Herramientas alojadas en barra de herramientas

Después hay una serie de botones con etiquetas que te permiten cambiar entre las diferentes herramientas alojadas en la barra. La matriz puede incluir las siguientes herramientas:

Ten en cuenta que no siempre se enumeran todas las herramientas alojadas aquí: sólo se muestran las herramientas realmente disponibles en este contexto (por ejemplo, no todas las herramientas soportan la depuración remota, por tanto si el objetivo de la depuración no es la instancia de Firefox que puso en marcha la ventana, no se mostrarán todas las herramientas alojadas).

Herramientas Extra

A continuación están los botones que pueden ponerse o quitarse desde la configuración de la propia barra. Por defecto se incluyen:

Las siguientes herramientas no están incluídas por defecto, pero puedes incluirlas desde el botón de configuración de la barra de herramientas:

Controles de la barra de herramientas

Próximos a la esquina derecha los últimos botones son para:

  • Opciones de herramientas da acceso a la configuración de las herramientas para desarrolladores.
  • Fijar al lateral de la ventana del navegador: quita la ventana de herramientas de la parte inferior de la ventana del navegador, y la fija al lateral de la ventana del navegador.
  • Mostrar en una ventana separada: alternar entre la ventana independiente y fijar a la ventana del navegador.
  • Cerrar la ventana.

Settings

Ver la página de configuración de las herramientas de desarrollador.

Panel principal

El contenido de la ventana del panel principal está totalmente controlado por, y es específico de la herramienta alojada actualmente seleccionada.

Atajos de teclado

These shortcuts work whenever the toolbox is open, no matter which tool is active.

Command Windows OS X Linux
Cycle through tools left to right Ctrl + ] Cmd + ] Ctrl + ]
Cycle through tools right to left Ctrl + [ Cmd + [ Ctrl + [

Toggle between active tool and settings

Ctrl + Shift + O Cmd + Shift + O Ctrl + Shift + O
Toggle between active tool and settings (new in Firefox 43). F1 F1 F1

Toggle toolbox between the last 2 docking modes (new in Firefox 41)

Ctrl + Shift + D Cmd + Shift + D Ctrl + Shift + D
Toggle split console (except if console is the currently selected tool) Esc Esc Esc

These shortcuts work in all tools that are hosted in the toolbox.

Command Windows OS X Linux
Increase font size Ctrl + + Cmd + + Ctrl + +
Decrease font size Ctrl + - Cmd + - Ctrl + -
Reset font size Ctrl + 0 Cmd + 0 Ctrl + 0

Etiquetas y colaboradores del documento

Etiquetas: 
Colaboradores en esta página: amaiafilo, Papicorito, am.garcia
Última actualización por: amaiafilo,